javascript之网页跑马灯

---恢复内容开始---

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 
 7 </head>
 8 <body>
 9 <div id="hsn">欢迎各位领导莅临指导</div>
10 
11 </body>
12  <script >
13      function func(){   //创建函数
14          var str = document.getElementById('hsn');//获取id属性为hsn的模块句柄
15          var l = str.innerText.charAt(0);//对该模块进行文本内容第一个元素读取
16          var f = str.innerText.substring(1,str.length);//截取该文本2到最后一个文本
17          var new_str = f+l ;//将l和f进行拼接成新的字符串
18          str.innerText = new_str;//对该模块文本进行修改，修改为新拼接的字符串
19 
20      } ;
21      setInterval('func()',1000);//调用循环定时器函数启动该函数，并延长1秒无限循环。
22 
23     </script>
24 </html>

我可以用这个跑马灯给我的博客首页加个跑马灯试试，哈哈哈哈哈。太爽了，我取试试。

---恢复内容结束---