网页特效:跟随鼠标的图片的网页代码

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

把代码中所需要的图片换成云的图片效果更佳

<!-- http://js.knowsky.com/ -->

<!-- http://bbs.knowsky.com/-->

将下面代码复制到你网页中<body>中即可......

<script language="JavaScript1.2">

var no = 18;

var speed = 2;

var snow = new Array();

snow[0] = "images/yun.gif"

snow[1] = "images/yun.gif"

snow[2] = "images/yun.gif"

var ns4up = (document.layers) ? 1 : 0;

var ie4up = (document.all) ? 1 : 0;

var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

var dx, xp, yp;

var am, stx, sty;

var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

} else if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

j = 0;

for (i = 0; i < no; ++ i) {

dx[i] = 0;

xp[i] = Math.random()*(doc_width-50);

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

if (ns4up) {

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");

} } else if (ie4up||ns6up) { if (i == 0)

{

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");

}

}

if (j == (snow.length-1)) { j = 0; } else { j += 1; }

}

function snowNS() {

for (i = 0; i < no; ++ i) {

yp[i] -= sty[i]; if (yp[i] < -50) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = doc_height;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = self.innerWidth;

doc_height = self.innerHeight; }

dx[i] += stx[i];

document.layers["dot"+i].top = yp[i];

document.layers["dot"+i].left = xp[i] +

am[i]*Math.sin(dx[i]);

}

setTimeout("snowNS()", speed);

}

function snowIE_NS6() {

for (i = 0; i < no; ++ i) {

yp[i] -= sty[i];

if (yp[i] < -50) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = doc_height;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;

doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;

}

dx[i] += stx[i];

if (ie4up){

document.all["dot"+i].style.pixelTop = yp[i];

document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);

}

else if (ns6up){

document.getElementById("dot"+i).style.top=yp[i];

document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);

}

}

setTimeout("snowIE_NS6()", speed);

}

if (ns4up) {

snowNS();

} else if (ie4up||ns6up) {

snowIE_NS6();

}

</script>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航