900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > python实现雪花飘落效果_jQuery实现雪花飘落效果

python实现雪花飘落效果_jQuery实现雪花飘落效果

时间:2018-11-29 22:17:20

相关推荐

python实现雪花飘落效果_jQuery实现雪花飘落效果

$(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) //产生0-9随机数,当然你们可以自己设置

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() //这一步很关键,要把落下的去掉,不然会越积越多

});

}, 20) //20ms产生一个

})

感: 最近贡献一下我在教学中的小案例

希望能给你一些帮助 ,希望大家继续关注我的博客

--王

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。