发现一个简单的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就可以查看到效果