前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js 网站页面标题自定义、滚动、闪烁显示

js 网站页面标题自定义、滚动、闪烁显示

作者头像
Savalone
发布2020-03-09 13:40:42
4.1K0
发布2020-03-09 13:40:42
举报
文章被收录于专栏:Savalone's BlogSavalone's Blog

网站标题自定义并滚动

代码语言:javascript
复制
// JS 代码实现网站标题自定义
<script type="text/javascript">
var sTitle = "这句话是网站页面的标题"
function TitleMove(){
    sTitle = sTitle.substring(1, sTitle.length) + sTitle.substring(0, 1);
    document.title = sTitle;
    status = sTitle;
}
window.setInterval("TitleMove()", 100);
</script>

网站标题滚动显示

代码语言:javascript
复制
// JS 代码实现网站标题滚动显示
<script type="text/javascript">
var msg = document.title;
msg = "………" + msg;pos = 0;
function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(pos, 0);
    pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

网站标题闪烁显示

代码语言:javascript
复制
// JS 代码实现网站标题闪烁显示
<script type="text/javascript">
var step=0;
var ftitle=document.title; //获取网页标题
var space='';
for(var i=0;i<=ftitle.length;i++)space+=' '; //根据标题长度生产相应的空字符
function flash_title(){
    step++
    if (step==3) {step=1}
    if (step==1) {document.title=space}
    if (step==2) {document.title=ftitle}
    setTimeout("flash_title()",500);
}
flash_title();
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020年03月06日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 网站标题自定义并滚动
  • 网站标题滚动显示
  • 网站标题闪烁显示
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档