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
  • 相关阅读:
    ubuntu 安装PHP
    修改rm 防止误删除
    游标输出
    微软已经提供了好几个开源的小项目供学习参考
    数据库存取时间比较
    UML建模工具比较
    16进制与BYTE类型转换
    显示有换行字符的提示框
    ORACLE数据库中主要字段类型的读写例子(包括：Long、Raw、Blob)
    .net 动态sql 参数应用 oracle和sql server的比较
  • 原文地址：https://www.cnblogs.com/xiaochao12345/p/4233503.html
Copyright © 2011-2022 走看看