jQuery树叶掉落特效代码

品味人生 • 发布于 2019-02-01 21:37:02

这个家伙很害羞,不想介绍自己!

20130731114152

代码使用方法

1.将index.html源文件中的JS设置代码插入到你的网页中

2.将style.css文件内容合并到你的页面样式表中

3.将jquery文件加载到你的页面中,请注意,这不是通用的jquer库

注意事项

本代码目前仅支持HTML5内核的浏览器,测试时请用IE9-10,Chrome,Safari,Firefox等浏览器。

请为页面顶部预留130px的高度以确保页面内容不会完全被树叶遮挡。

建议再浏览器中,加上浏览器判断,并提示用户使用HTML5内核的浏览器

树叶数量增加事件

设置id="botAgregar"的click事件可以增加树叶的数量,demo中的click设置在body标签中,点击页面的任何区域都会使叶子的数量增加。

大家可以根据需要,将id="botAgregar"设置到需要的标签上

 

下载地址:http://pan.baidu.com/share/link?shareid=3827462127&uk=1728498014

demo演示:http://www.frontopen.com/demo/001/