javascript之网页跑马灯

最新推荐文章于 2024-07-22 15:13:59 发布

森林光头强大叔叔

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量192

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hushuning/p/8017678.html

版权

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

 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>

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

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

转载于:https://www.cnblogs.com/hushuning/p/8017678.html

森林光头强大叔叔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript之网页跑马灯

---恢复内容开始--- 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 </head> 8 <b...
复制链接

扫一扫