插件描述：楓葉一片一片又一片，此時最相思,代碼簡單方便調用

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)

首先直接貼出代碼，注釋就是使用方法，參數配置可相應調整

總結

以上是生活随笔為你收集整理的html特效代码 枫叶,jQuery飘落的枫叶的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。