js飘洒的落叶动画效果

来源:https://www.sucaihuo.com/js/1743.html 2017-04-19 20:40浏览(2174) 收藏

这是一款飘洒的落叶动画特效代码,可以把背景换成冬天把枫叶换成雪花一种很常用的飘落代码,实用代码喜欢动画特效朋友欢迎下载。
js飘洒的落叶动画效果
分类:其它特效 > 动画效果 难易:初级
查看演示 下载资源 下载积分: 20 积分
var d = "<div class='maple'>🍁<div>";
    setInterval(function () {
        var f = $(document).width();
        var e = Math.random() * f - 300; // 枫叶的定位left值
        var o = 0.2 + Math.random(); // 枫叶的透明度
        var fon = 25 + Math.random() * 10; // 枫叶大小
        var l = e - 100 + 200 * Math.random(); // 枫叶的横向位移
        var k = 8000 + 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()
        })
    }, 500)
标签: 动画飘落
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2