web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置:
首页
>
网页特效
>
动画效果
jQuery超酷页面树叶飘落装饰特效插件
分类:
动画效果
日期:
2024-05-14
点击(0)
评论(0)
演 示
免费下载
简介
使用该落叶jQuery插件需要引入jQuery和jquery.rotate.js插件以及jquery.classyleaves.min.css和jquery.classyleaves.min.js文件。 ```html
``` ##### 初始化插件 在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该落叶插件。 ```html var tree = new ClassyLeaves({ leaves: 30, maxY: -10, multiplyOnClick: true, multiply: 2, infinite: true, speed: 4000 }); ``` 如果需要动态添加叶子的数量,可以使用下面的方法: ```html tree.add(8); ``` ##### 配置参数 - leaves:初始化时叶子的数量,默认值为50。 - maxY:初始化时叶子区域的范围,负数为向上移动,正数为向下移动。默认值为100。 - multiplyOnClick:当用户点击叶子时,是否会增加叶片数,默认值为true。 - multiply:当点击叶子时产生的图片数量,默认值为1。 - infinite:树叶是否无限的跌落。默认值为true。 - speed:叶子跌落的速度,默认值为3000。 - numImages:在叶子图片文件夹中所有图片的数量,默认值为8。 - folder:放置叶子图片的文件夹所在的路径,默认值为images/leaves/。
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告