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

您所在的位置:网站首页 枫叶飘落的画 html特效代码 枫叶,jQuery飘落的枫叶

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

2023-03-15 18:26| 来源: 网络整理| 查看: 265

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

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)

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3