鱼C论坛

 找回密码
 立即注册
查看: 2574|回复: 0

[学习笔记] 上课了:JS实现网页标题滚动及标题变换

[复制链接]
发表于 2017-6-16 10:10:36 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
js实现网页标题滚动(源码如下)
  1. <script type=text/javascript>  
  2. var msg = document.title;

  3. msg = "…" + msg;pos = 0;
  4. function scrollMSG() {
  5. document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
  6. pos++;
  7. if (pos >  msg.length) pos = 0
  8. window.setTimeout("scrollMSG()",400);
  9. }
  10. scrollMSG();
  11. </script>
复制代码


js实现网页标题变动(源码如下)
  1. <script  type=text/javascript>  
  2. //  
  3. var step=0;  
  4. var _title=document.title; //获取网页标题  
  5. var space='';  
  6. for(var i=0;i<=_title.length;i++)space+=' '; //根据标题长度生产相应的空字符  
  7. function flash_title() //核心函数  
  8. {  
  9. step++  
  10. if (step==3) {step=1}  
  11. if (step==1) {document.title=space}  
  12. if (step==2) {document.title=_title}  
  13. setTimeout("flash_title()",500);  
  14. }  
  15. flash_title();  
  16. </script>
复制代码

评分

参与人数 1鱼币 +1 收起 理由
小甲鱼 + 1 支持楼主!

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 22:18

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表