jQuery飘落的枫叶

所属分类:其他-动画效果

 1139  11  查看评论 (0)
jQuery飘落的枫叶 ie兼容8
setInterval(function() {
    var f = $(document).width();
    var e = Math.random() * f - 300;// 枫叶的定位left值    
    var o = 0.2 + Math.random();// 枫叶的透明度   
    var fon = 10 + Math.random() * 10; // 枫叶大小    
    var l = e - 100 + 200 * Math.random();// 枫叶的横向位移    
    var k = 2000 + 5000 * Math.random();
    var deg = Math.random() * 360; // 枫叶的方向    
    $(d).clone().appendTo(".maplebg").css({
        left: e + "px",
        opacity: o,
        transform: "rotate(" + deg + "deg)",
        "font-size": fon,
    }).animate({
        top: "550px",// 枫叶飘落的高度     
        left: l + "px",
        opacity: 0.1,
    }, k, "linear", function() {
        $(this).remove()
    })
}, 1000)

首先直接贴出代码,注释就是使用方法,参数配置可相应调整

相关插件-动画效果

简单实用的jQuery和CSS3卡片自动翻牌特效

这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backfacevisibility属性来制作卡片正反面效果,并使用jQuery使其自动旋转起来。
  动画效果
 9337  25

css3折纸效果

css3折纸效果
  动画效果
 9822  59

jquery数字增加动画特效

jquery数字增加动画特效
  动画效果
 6390  27

像褶皱纸一样褶皱DOM的JQUERY插件-QRIDOMI

今天我要给大家介绍一款插件,该插件实现了将类似折叠纸张的效果用在DOM元素上,当我们用鼠标在DOM元素上接触或拖动的时候便会出现褶皱的效果。有如下特点: 1、零依赖 2、整个插件大小小于15k 3、可选择的jquery支持 4、能工作在IOS上
  动画效果
 7038  24

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复