js实现滚动title步奏详解
程序员文章站
2023-12-26 19:52:15
...
这次给大家带来js实现滚动title步奏详解,js实现滚动title的注意事项有哪些,下面就是实战案例,一起来看一下。
<!DOCTYPE html> <html> <head> <meta content="text/html" charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; font-family:'微软雅黑'; } img{ float:left; } </style> </head> <body> </body> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript"> var position=0; var message='^_^欢迎浏览本网站'; var x=2*(60/message.length);//要保证是两倍 var newStr=''; for(var i=0;i<x;i++){ newStr+=message; } function titleTex(){ var title=newStr.substring(position,position+60); position++; if(position==60){//刚好截取到尾巴 position=0; } document.title=title; } setInterval(titleTex,150); </script> </html>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是js实现滚动title步奏详解的详细内容,更多请关注其它相关文章!