码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript示例

时间:2018-04-30 19:44:04      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:获取   ack   alt   html   pen   字符   bsp   javascrip   cti   

1  一个动态的字符串 第一个字符500毫秒后移动到最后,形成动态效果

 

源码如下:

技术分享图片
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div id="i1">热烈欢迎陈凯莅临指导</div>
 9 <script>
10 
11     /*
12      tag=document.getElementById(‘i1‘)
13      <div id=?"i1">?欢迎nod?</div>?
14      tag.innerText
15      "欢迎nod"
16      */
17     /*
18      滚动字符
19      */
20     function func() {
21         //获取i1de内容
22         var tag = document.getElementById(i1);
23         //获取文本内容
24         var content = tag.innerText;
25         //取走第一个字符
26         var f = content.charAt(0);
27         var l = content.substring(1, content.length);
28         //进行ping接
29         var new_content = l + f;
30         //重新给innerText赋值
31         tag.innerText = new_content;
32     }
33 
34     setInterval(func(), 300)
35 </script>
36 </body>
37 </html>
View Code

 

JavaScript示例

标签:获取   ack   alt   html   pen   字符   bsp   javascrip   cti   

原文地址:https://www.cnblogs.com/nodchen/p/8974058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!