css样式:
body{
padding: 0;
margin: 0;
overflow: hidden;
background: #000;
}
JS代码:
var
flackColor =
"#fff"; //雪片颜色
var
newOne =
10;//间隔10毫秒
var
flake =
$(
"<div></div>").
html(
"❄").
css(
"position",
"absolute");
$(
function(){
setInterval(
function(){
var
dWidth
=
$
(
document
).
width
();
//获取页面宽度
var
dHeight =
$(
document).
height();//获取页面高度
var
startLeft =
dWidth*
Math.
random();//雪片随机出现位置
var
endLeft =
dWidth*
Math.
random();//雪片随机结束位置
var
flakeSize=
5+
50*
Math.
random();//雪片大小
var
durationTime=
4000+
7000*
Math.
random();
var
startOpacity=
0.7+
0.3*
Math.
random();//出现时雪片透明度
var
endOpacity=
0.4+
0.3*
Math.
random();//消失时图片透明度
flake.
clone().
appendTo(
$(
"body")).
css({
"left"
:startLeft,
"top"
:
"-55px",
"opacity"
:startOpacity,
"font-size"
:flakeSize,
"color"
:flackColor,
}).
animate({
"left"
:endLeft,
"top"
:dHeight,
"opacity"
:endOpacity
},
durationTime,
function(){
$(
this).
remove();
})
},
newOne);
})