梦想の天空: 如何让部落格下雨

成功不成功都请留个言 ~

效果图：

首先到设计 → 布局 → 添加小工具 → HTML / Javascript 添加以下代码，就行啦。

var noh = 10; 
var spd = 20;

imgpre = new Image();
imgpre.scr = "http://img534.imageshack.us/img534/1382/444zx.png";
imgpre.scr = "http://img534.imageshack.us/img534/1382/444zx.png";
imgpre.scr = "http://img534.imageshack.us/img534/1382/444zx.png";

ball = new Array();
ball[0] = "http://img534.imageshack.us/img534/1382/444zx.png";
ball[1] = "http://img534.imageshack.us/img534/1382/444zx.png";
ball[1] = "http://img534.imageshack.us/img534/1382/444zx.png";

var mbn = 1;
var dxh, xph, yph, dex, dey, ssx, ssy, amh, stx, sty, ihe, dwi, dhe, ssb, ssE, deb, deE;

dhe = 600;
dwi = 600;

dxh = new Array();
xph = new Array();
yph = new Array();
amh = new Array();
stx = new Array();
sty = new Array();
jhe = mbn;

setTimeout("snowh()", spd);

for (ihe = 0; ihe < noh; ++ ihe) {
dxh[ihe] = 0;
xph[ihe] = Math.random()*dwi;
yph[ihe] = Math.random()*dhe;
amh[ihe] = Math.random()*20;
stx[ihe] = 0.02 + Math.random()/10;
sty[ihe] = 0.7 + Math.random();
if (ihe == 0) {
document.write("<div id=\"doth"+ ihe +"\" style=\"position:absolute; z-index:"+ ihe +"; visibility:visible; top:5px; left:5px;\"><img src=\"" + ball[jhe] + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"doth"+ ihe +"\" style=\"position:absolute; z-index:"+ ihe +"; visibility:visible; top:5px; left:5px;\"><img src=\"" + ball[jhe] + "\" border=\"0\"></div>");
}
if (jhe == 0) { jhe = mbn; } else { jhe -= 1; }
}

function snowh() {
for (ihe = 0; ihe < noh; ++ ihe) {
yph[ihe] += sty[ihe];

ssb = document.body.scrollTop;
ssE = document.documentElement.scrollTop;
if(ssb>ssE){
ssy = document.body.scrollTop;
ssx = document.body.scrollLeft;
}else{
ssy = document.documentElement.scrollTop;
ssx = document.documentElement.scrollLeft;
}

deb = document.body.clientHeight;
deE = document.documentElement.clientHeight;
if(deb>1200){
dey = document.documentElement.clientHeight-50;
dex = document.documentElement.clientWidth;
}else{
dey = document.body.clientHeight-50;
dex = document.body.clientWidth;
}

if (yph[ihe] < ssy || yph[ihe] > ssy+dey) {
xph[ihe] = Math.random()*(dwi-amh[ihe]-30);
yph[ihe] = ssy+200*Math.random();
stx[ihe] = 0.02 + Math.random()/10;
sty[ihe] = 0.7 + Math.random();

dwi = dex+ssx;
dhe = ssy;
}
dxh[ihe] += stx[ihe];
document.getElementById('doth'+ihe).style.top = yph[ihe]+"px";
document.getElementById('doth'+ihe).style.left = xph[ihe] + amh[ihe]*Math.sin(dxh[ihe])+"px";
}
setTimeout("snowh()", spd);
}

</script>

梦想の天空

如何让部落格下雨

没有评论:

发表评论