如何用JavaScript实现网站标题自定义、滚动、闪烁功能?

 2018-04-14 16:46:32  9 人阅读  0 条评论

您若有更好的答案请留言告知,一旦确认为最佳答案,将会替换本文的最佳答案,谢谢支持!

 最佳答案:

用 JavaScript 实现网站标题自定义并滚动

  1. // JS 代码实现网站标题自定义
  2. <script type="text/javascript">
  3. var sTitle = "欢迎光临!蝈蝈要安静 | 一个不学无术的伪程序员"
  4. function TitleMove(){
  5.     sTitle = sTitle.substring(1, sTitle.length) + sTitle.substring(0, 1);
  6.     document.title = sTitle;
  7.     status = sTitle;
  8. }
  9. window.setInterval("TitleMove()", 100);
  10. </script>

用 JavaScript 实现网站标题滚动显示

  1. // JS 代码实现网站标题滚动显示
  2. <script type="text/javascript">
  3. var msg = document.title;
  4. msg = "………" + msg;pos = 0;
  5. function scrollMSG() {
  6.     document.title = msg.substring(pos, msg.length) + msg.substring(pos, 0);
  7.     pos++;
  8.     if (pos > msg.length) pos = 0
  9.     window.setTimeout("scrollMSG()",200);
  10. }
  11. scrollMSG();
  12. </script>

用 JavaScript 实现网站标题闪烁显示

  1. // JS 代码实现网站标题闪烁显示
  2. <script type="text/javascript">
  3. var step=0;
  4. var ftitle=document.title; //获取网页标题
  5. var space='';
  6. for(var i=0;i<=ftitle.length;i++)space+=' '; //根据标题长度生产相应的空字符
  7. function flash_title(){
  8.     step++
  9.     if (step==3) {step=1}
  10.     if (step==1) {document.title=space}
  11.     if (step==2) {document.title=ftitle}
  12.     setTimeout("flash_title()",500);
  13. }
  14. flash_title();
  15. </script>

答案来自:蝈蝈要安静 - http://blog.quietguoguo.com/2324.html

如果文章对你有帮助,请赞赏支持boke112导航发展!

问题标签: ,  
编辑作者:懿古今(QQ号:2226524923,QQ群:415623933
免责声明:本文内容来源于互联网,仅供参考学习之用,如有侵权请联系本站修改删除!
问题分类:建站技术问题 ,  操作系统问题 ,  办公软件问题 ,  健康生活问题 ,  娱乐休闲问题 ,  综合其他问题

 发表评论