zoukankan      html  css  js  c++  java

  • HTML5树叶飘落动画

    请使用Chrome浏览器查看本效果。



    html源代码：

    Html代码  收藏代码
    1. <!DOCTYPE HTML>  
    2. <html>  
    3. <head>  
    4. <title>HTML5树叶飘落动画-柯乐义</title><base target="_blank" href="http://keleyi.com/keleyi/phtml/css3/" />  
    5. <meta charset="utf-8">  
    6. <meta name="viewport" content="width=500px, initial-scale=0.64">  
    7. <link rel="apple-touch-icon" href="http://keleyi.com/keleyi/phtml/css3/15/images/apple-touch-icon.png" />  
    8. <!-- The leaves.css file animates the leaves -->  
    9. <link rel="stylesheet" href="http://keleyi.com/keleyi/phtml/css3/15/leaves.css" type="text/css" media="screen" charset="utf-8">  
    10. <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.2.min.js"></script>  
    11. <!-- The leaves.js file creates the leaves -->  
    12. <script src="http://keleyi.com/keleyi/phtml/css3/15/leaves.js" type="text/javascript" charset="utf-8"></script>  
    13. </head>  
    14. <body>  
    15. <div style="text-align: center; clear: both; margin-top:0px">  
    16. <span id="keleyi">  
    17. <a href="http://keleyi.com">首页</a> <a href="http://keleyi.com/keleyi/phtml/">  
    18. 特效库  
    19. </a> <a href="http://keleyi.com/a/bjae/h1o76nuh.htm">原文</a> 请使用Chrome浏览器查看本页。  
    20. </span>  
    21. </div>  
    22. <div id="container">  
    23. <!-- The container is dynamically populated using the init function in leaves.js -->  
    24. <!-- Its dimensions and position are defined using its id selector in leaves.css -->  
    25. <div id="leafContainer"></div>  
    26. <!-- its appearance, dimensions, and position are defined using its id selector in leaves.css -->  
    27. <div id="message">  
    28. <em>落红不是无情物</em>  
    29. </div>  
    30. </div>  
    31. </body>  
    32. </html>  

     转载自：http://keleyi.com/a/bjae/h1o76nuh.htm
  • 相关阅读:
    oracle函数 TO_DATE(X[,c2[,c3]])
    oracle函数 TO_CHAR(x[[,c2],C3])
    oracle函数 RAWTOHEX(c1)
    oracle HEXTORAW(c1)
    oracle函数 CONVERT(c1,set1,set2)
    oracle函数 ROWIDTOCHAR(rowid)
    oracle函数 chartorowid(c1)
    创建可按比例调整的布局的 Windows 窗体
    A Byte of Python(简明Python教程) for Python 3.0 下载
    使用异步事件在后台进行计算并报告进度
  • 原文地址：https://www.cnblogs.com/xiaochao12345/p/4233503.html
Copyright © 2011-2022 走看看