zoukankan      html  css  js  c++  java
  • 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>

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

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

  • 相关阅读:
    函数方法与面向对象
    seleniums私房菜系列一 ---- selenium简介
    MySQL图形化管理工具
    存储引擎
    mysql自定义函数
    加密函数
    mysql聚合函数
    mysql信息函数
    mysql日期时间函数(常用的)
    mysql比较运算符和函数
  • 原文地址:https://www.cnblogs.com/hushuning/p/8017678.html
Copyright © 2011-2022 走看看