精品素材资源下载站

使用jQuery让树叶实现掉落效果的代码

使用jQuery让树叶实现掉落效果的代码

  • 资源售价 :8 金币
  • 资源大小 :150KB
  • 资源编号 :Q24
  • 最后更新 :2019-05-11
  • 会员特权 :VIP免费下载   如何加入高级会员?

注意:818网站资源版权均为原作者所有请勿商用,如有侵权请及时联系admin#Q818.com(#换@),我们将尽快处理。

使用jQuery让树叶实现掉落效果的代码的大图展示

jQuery树叶掉落特效代码 - 第1张 | 前端开拓者

代码使用方法

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


818源码注:我们提供的资源大部分均为网盘下载方式,下载扣费成功后系统会自动发送网盘提取码到您的邮箱,请注意查收!