jQuery+CSS3实现树叶飘落特效
2015-02-01 00:00
495 查看
请使用Chrome浏览器查看本效果。
html源代码:
非常适合个人主页或者博客的一个特效,喜欢此特效的小伙伴直接拿走吧,自由扩展下也可以哦。
html源代码:
<!DOCTYPE HTML> <html> <head> <title>HTML5树叶飘落动画-柯乐义</title><base target="_blank" href="http://keleyi.com/keleyi/phtml/css3/" /> <meta charset="utf-8"> <meta name="viewport" content="width=500px, initial-scale=0.64"> <link rel="apple-touch-icon" href="http://keleyi.com/keleyi/phtml/css3/15/images/apple-touch-icon.png" /> <!-- The leaves.css file animates the leaves --> <link rel="stylesheet" href="http://keleyi.com/keleyi/phtml/css3/15/leaves.css" type="text/css" media="screen" charset="utf-8"> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.2.min.js"></script> <!-- The leaves.js file creates the leaves --> <script src="http://keleyi.com/keleyi/phtml/css3/15/leaves.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div style="text-align: center; clear: both; margin-top:0px"> <span id="keleyi"> 请使用Chrome浏览器查看本页。 </span> </div> <div id="container"> <!-- The container is dynamically populated using the init function in leaves.js --> <!-- Its dimensions and position are defined using its id selector in leaves.css --> <div id="leafContainer"></div> <!-- its appearance, dimensions, and position are defined using its id selector in leaves.css --> <div id="message"> <em>落红不是无情物</em> </div> </div> </body> </html>
非常适合个人主页或者博客的一个特效,喜欢此特效的小伙伴直接拿走吧,自由扩展下也可以哦。
相关文章推荐
- jQuery+CSS3实现树叶飘落特效
- jquery+css3实现网页背景花瓣随机飘落特效
- jquery+css3实现网页背景花瓣随机飘落特效
- cocos2d-x 仿真树叶飘落效果的实现
- cocos2d--仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)
- jQuery+CSS3文字跑马灯特效的简单实现
- js实现雪花飘落特效
- Android 实现雪花飘落特效 安卓实现雪花 玫瑰 星星飘落
- cocos2d-x学习笔记(五)仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)
- jQuery+CSS3实现404背景动画特效
- JS实现《黑客帝国》字符雨飘落特效
- (转)cocos2d-x学习笔记(五)仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)
- 基于jQuery+CSS3实现人物跳动特效
- cocos2d-x学习笔记(五)仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)
- jQuery+CSS3文字跑马灯特效的简单实现
- 使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
- <转>cocos2d-x学习笔记(五)仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)
- 黄聪:手机移动端建站Jquery+CSS3+HTML5触屏滑动特效插件、实现触屏焦点图、图片轮展图
- 仿真树叶飘落效果的实现(精灵旋转…
- Android实现雪花飘落特效