一个有意思的js插件 实现字词的自动变化

发现一个简单的js插件dynamo.js,实现字词的自动变化,使页面更有生机

地址 https://github.com/prezjordan/dynamo.js

下面是自己写的一个demo 需要jquery的支持 还需要dynamo.js这个jquery插件

 1 <html>
 2     <head>
 3         <title>TestDy</title>
 4         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
 5         <script type="text/javascript" src="http://jordanscales.com/dynamo/assets/javascripts/dynamo.min.js"></script>
 6         <script type="text/javascript">
 7         // 激活dynamo
 8         $(function() {     
 9          $('.dynamo').dynamo();
10         }); 
11         </script> 
12     </head>
13     <body>
14         <p>
15             Hello World! Today is <span class="dynamo" data-lines="Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday">Monday</span>
16             <!-- data-lines=要变化的词，用逗号隔开，还可以控制变化的速度 具体的看文档 -->
17         </p>
18     </body>
19 </html>

 

　　

　　copy源代码 保存为.html就可以查看到效果

　

posted @ 2012-05-15 14:06  dianTian  阅读(208)  评论(0)  编辑  收藏  举报