5DBlog上有的blog页面打开时会有白色的雪花纷扬飘落,看起来比较美观,为冬天的blog增色不少呢!在此站长就把代码提供出来,喜欢的blog友可以自己动手试试,几下就搞定了,弄好的blog友希望能留下你的地址让我们去看看!
不过JS代码会占一定的系统资源的,同一个blog里头还是不要加太多的JS代码为好。
代码1:(加在blog页面代码的开头)
<SCRIPT language=javascript src="http://www.5dblog.com/js/common.js"></SCRIPT>
代码2:(紧跟在blog页面代码中的</STYLE>后面)
<SCRIPT language=javascript>
<!--
N =20;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < N; i++){
Y[i]=Math.round(Math.random()*iH);
X[i]=Math.round(Math.random()*iW);
S[i]=Math.round(Math.random()*5+2);
A[i]=0;
B[i]=Math.random()*0.1+0.1;
M[i]=Math.round(Math.random()*1+7);
}
if (V){
for (i = 0; i < N; i++)
{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"';z-index: 1><font color=white size=3 face='Wingdings'>T</font></LAYER>")}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px;z-index: 1">');
document.write('<div style="position:relative;z-index: 1">');
for (i = 0; i < N; i++)
{document.write('<div id="si" style="position:absolute;z-index: 1;top:0;left:0;width:'+M[i]+';height:'+M[i]+';font-size:'+M[i]+'"><font color=white size=3 face="Wingdings">T</font></div>')}
document.write('</div></div>');
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){
sy=S[i];
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] > H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+7);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout('snow()',40);
}
snow()
//-->
</SCRIPT>
不过JS代码会占一定的系统资源的,同一个blog里头还是不要加太多的JS代码为好。
代码1:(加在blog页面代码的开头)
<SCRIPT language=javascript src="http://www.5dblog.com/js/common.js"></SCRIPT>
代码2:(紧跟在blog页面代码中的</STYLE>后面)
<SCRIPT language=javascript>
<!--
N =20;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < N; i++){
Y[i]=Math.round(Math.random()*iH);
X[i]=Math.round(Math.random()*iW);
S[i]=Math.round(Math.random()*5+2);
A[i]=0;
B[i]=Math.random()*0.1+0.1;
M[i]=Math.round(Math.random()*1+7);
}
if (V){
for (i = 0; i < N; i++)
{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"';z-index: 1><font color=white size=3 face='Wingdings'>T</font></LAYER>")}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px;z-index: 1">');
document.write('<div style="position:relative;z-index: 1">');
for (i = 0; i < N; i++)
{document.write('<div id="si" style="position:absolute;z-index: 1;top:0;left:0;width:'+M[i]+';height:'+M[i]+';font-size:'+M[i]+'"><font color=white size=3 face="Wingdings">T</font></div>')}
document.write('</div></div>');
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){
sy=S[i];
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] > H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+7);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout('snow()',40);
}
snow()
//-->
</SCRIPT>
回复Comments
{commenttime}{commentauthor}
{CommentUrl}
{commentcontent}