$(function() {

setInterval(function() {

var maxW = document.body.clientWidth,

maxH = document.body.clientHeight,

left = Math.random() * maxW,

bottom = left - (Math.random() - 0.5) * 0.2 * maxW, //保證落下的位置水平有變化，但不大

opacity = 0.7 + 0.3 * Math.random();

speed = 30;

size = 20 + 10 * Math.random(), //字體20-30

color = '#fff';

// num = Math.floor(Math.random() * 10) //產(chǎn)生0-9隨機(jī)數(shù)，當(dāng)然你們可以自己設(shè)置

num ='*';

var style = 'position:absolute;top:0px;font-size:' + size + 'px;color:' + color + ';left:' + left + 'px;opacity:' + opacity;

var div = '' + num + ''

$('body').append(div)

$('span').animate({

top: maxH,

left: bottom

}, 3000, function() {

$(this).remove() //這一步很關(guān)鍵，要把落下的去掉，不然會(huì)越積越多

});

}, 20) //20ms產(chǎn)生一個(gè)

})

感： 最近貢獻(xiàn)一下我在教學(xué)中的小案例

希望能給你一些幫助 ,希望大家繼續(xù)關(guān)注我的博客

--王

總結(jié)

以上是生活随笔為你收集整理的python实现雪花飘落效果_jQuery实现雪花飘落效果的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。