jQuery树叶掉落特效代码

Jonty
2013-08-28 / 0 评论 / 197 阅读 / 耗时: 13 ms / /正在检测是否收录...

点击广告查看隐藏内容....

AI摘要:实现jQuery树叶掉落特效,需插入JS代码、合并CSS,加载特定jQuery库。支持HTML5内核浏览器,需预留130px顶部高度。点击特定标签可增加树叶数量。

代码使用方法

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

点击广告查看隐藏内容....

你认为这篇文章怎么样?
  • 0
    点赞
  • 0
  • 0
  • 0
    滑稽
  • 0
    尴尬
  • 0
    睡觉
  • 打赏
    打赏

评论 (0)

语录
密语
取消
头像
邮箱:
I P:
互动: