小码哥网页UI培训课程之花瓣飘落效果 简介: 我们常常看到空间里面鼠标滑过花瓣纷飞的效果,经常能激起大家的少女心。今天我们分享一款花瓣纷飞的*。 技巧: 第一步:在网页文档的body结束标签之前通过script的src属性引入jquery文件。 第二步:再新建一对script标签引入jquery-mousestrom.min.js文件。 第三步:再新打一对script标签在标签内部进行书写js如下1 $(function(){ $('.container').mousestorm({ images: ['shubiao/01.png', 'shubiao/02.png', 'shubiao/03.png', 'shubiao/04.png', 'shubiao/05.png'], //粒子图片数组。 opacity: [0.3, 0.96], //粒子透明度范围0.2-0.96。粒子随机透明度范围 time: [2000, 3000], //粒子运动的时间2000-3000毫秒 rotate: [360, 1080], //旋转度数,随机旋转 scale: [0.4, 0.8], //粒子缩放范围 原图片的倍数0.3-0.7。粒子的随机大小范围 diepresent: 0.2, //粒子生长到消失的范围,屏幕宽度取0.4的倍数。 数值越大粒子运动的越远,数值越小粒子运动的越近 建议0.4 numpresent: 0.04 //粒子产生数量限制比例 数值越小 创建 的也越小,数值越大创建的也越多建议0.03 }); }) 详细代码及技巧笔记/forum.php?mod=viewthread&tid=4643&extra= 年龄和*,对学习也许会有影响,但在小码哥北京java培训机构对梦想的较致追求才是成功的关键!青春如此美好,没空浪费时间120天高薪进化论,蜕变正在发生(联系电话: 4006648000 地址:广州市天河区棠下涌东路大地工业区D栋四楼 网 学习交流QQ群:162885462)