zoukankan      html  css  js  c++  java
  • 一个有意思的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就可以查看到效果

     

  • 相关阅读:
    读写文件print函数操作
    协程相关
    线程池
    多线程条件
    ibm动态测试
    ubuntu 之 搜狗拼音安装
    Linux 安装 出现Could not get lock /var/lib/dpkg/lock
    Sql server
    maven 搭建
    EOS
  • 原文地址:https://www.cnblogs.com/rowdawn/p/2501520.html
Copyright © 2011-2022 走看看