html特效代码 枫叶,jQuery飘落的枫叶

插件描述：枫叶一片一片又一片，此时最相思,代码简单方便调用

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)

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