jQuery树叶掉落特效代码

jQuery树叶掉落特效代码

 

代码使用方法

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”设置到需要的标签上

 

下载地址

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

还没有评论,快来抢沙发!

发表评论

  • 😉
  • 😐
  • 😡
  • 😈
  • 😯
  • 😛
  • 😳
  • 😮
  • 😆
  • 💡
  • 😀
  • 👿
  • 😥
  • 😎
  • 😕