上个日志:
鼠标经过图片由透明变成正常
鼠标经过图片由透明变成正常
可爱的泡泡效果HTML特效
个人蛮喜欢的
转载自网络
演示地址失效咯
有时间自己做个演示哈
希望大家喜欢哦
个人蛮喜欢的
转载自网络
演示地址失效咯
有时间自己做个演示哈
希望大家喜欢哦
<script>
<!-- Begin
var no = 12;
snow = new Array();
snow[0] = new Array("pp/bubble1.gif",0);
snow[1] = new Array("pp/bubble6.gif",0);
snow[2] = new Array("pp/bubble3.gif",0);
snow[3] = new Array("pp/bubble4.gif",1);
snow[4] = new Array("pp/bubble5.gif",1);
var imgSize = 40;
// _dom : 0=other, 1=Mozilla, 2=NN4, 3=IE4/5
var _dom=(document.all?3:(document.getElementById?1:(document.layers?2:0)));
var dx, xp, yp;
var am, stx, sty;
var i;
function getDocumentSize() {
if(_dom == 1 || _dom == 2) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (_dom == 3) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
}
getDocumentSize();
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
muki = new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx = 0;
xp = Math.random()*(doc_width-imgSize);
yp = Math.random()*doc_height;
am = Math.random()*20;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
muki = snow[j][1];
if (_dom==2) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snow[j][0] + "\" border=\"0\"></layer>");
} else if (_dom==1 || _dom==3) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j][0] + "\" border=\"0\"></div>");
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}
function snowLoop() {
for (i = 0; i < no; ++ i) {
if (muki) {
yp -= sty;
if (yp < -imgSize) {
getDocumentSize();
xp = Math.random()*(doc_width-am-imgSize);
yp = doc_height - 50;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
} else {
yp += sty;
if (yp > doc_height-imgSize) {
getDocumentSize();
xp = Math.random()*(doc_width-am-imgSize);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
}
dx += stx;
snowMove("dot"+i,yp,xp + am*Math.sin(dx));
}
setTimeout("snowLoop()", 10);
}
function snowMove(lay,t,l) {
if (_dom == 1) {
document.getElementById(lay).style.top = t;
document.getElementById(lay).style.left = l;
}
if (_dom == 2) {
document.layers[lay].top = t;
document.layers[lay].left = l;
}
if (_dom == 3) {
document.all[lay].style.pixelTop = t;
document.all[lay].style.pixelLeft = l;
}
}
if (_dom) {
snowLoop();
}
// End -->
</script>
<!-- Begin
var no = 12;
snow = new Array();
snow[0] = new Array("pp/bubble1.gif",0);
snow[1] = new Array("pp/bubble6.gif",0);
snow[2] = new Array("pp/bubble3.gif",0);
snow[3] = new Array("pp/bubble4.gif",1);
snow[4] = new Array("pp/bubble5.gif",1);
var imgSize = 40;
// _dom : 0=other, 1=Mozilla, 2=NN4, 3=IE4/5
var _dom=(document.all?3:(document.getElementById?1:(document.layers?2:0)));
var dx, xp, yp;
var am, stx, sty;
var i;
function getDocumentSize() {
if(_dom == 1 || _dom == 2) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (_dom == 3) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
}
getDocumentSize();
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
muki = new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx = 0;
xp = Math.random()*(doc_width-imgSize);
yp = Math.random()*doc_height;
am = Math.random()*20;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
muki = snow[j][1];
if (_dom==2) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snow[j][0] + "\" border=\"0\"></layer>");
} else if (_dom==1 || _dom==3) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j][0] + "\" border=\"0\"></div>");
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}
function snowLoop() {
for (i = 0; i < no; ++ i) {
if (muki) {
yp -= sty;
if (yp < -imgSize) {
getDocumentSize();
xp = Math.random()*(doc_width-am-imgSize);
yp = doc_height - 50;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
} else {
yp += sty;
if (yp > doc_height-imgSize) {
getDocumentSize();
xp = Math.random()*(doc_width-am-imgSize);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
}
dx += stx;
snowMove("dot"+i,yp,xp + am*Math.sin(dx));
}
setTimeout("snowLoop()", 10);
}
function snowMove(lay,t,l) {
if (_dom == 1) {
document.getElementById(lay).style.top = t;
document.getElementById(lay).style.left = l;
}
if (_dom == 2) {
document.layers[lay].top = t;
document.layers[lay].left = l;
}
if (_dom == 3) {
document.all[lay].style.pixelTop = t;
document.all[lay].style.pixelLeft = l;
}
}
if (_dom) {
snowLoop();
}
// End -->
</script>
一个很好的DZ风格的连接特效
May 11, 2008 16:42 | by


