小码哥网页UI培训课程之花瓣飘落效果

小码哥网页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）