5-20.htm

JavaScript网页特效实例大全

<DIV ID = "x0", STYLE = "position: absolute; filter: glow(strength = 3, color = red)">欢迎光临</DIV>
<DIV ID = "x1", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)">欢迎光临</DIV>
<DIV ID = "x2", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)">欢迎光临</DIV>
<DIV ID = "x3", STYLE = "position: absolute; filter: glow(strength = 3, color = red)">欢迎光临</DIV>
<DIV ID = "x4", STYLE = "position: absolute; filter: glow(strength = 3, color = green)">欢迎光临</DIV>
<DIV ID = "x5", STYLE = "position: absolute; filter: glow(strength = 3, color = green)">欢迎光临</DIV>
<DIV ID = "x6", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)">欢迎光临</DIV>
<DIV ID = "x7", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)">欢迎光临</DIV>
<SCRIPT LANGUAGE="JavaScript">

function mover()
{
document.all.x0.style.left = event.clientX;
document.all.x0.style.top = event.clientY;
document.all.x1.style.top = event.clientX;
document.all.x1.style.left = event.clientY;
document.all.x2.style.top = event.clientX;
document.all.x2.style.right = event.clientY;
document.all.x3.style.right = event.clientX;
document.all.x3.style.top = event.clientY;
document.all.x4.style.bottom= event.clientX;
document.all.x4.style.right = event.clientY;
document.all.x5.style.bottom= event.clientX;
document.all.x5.style.left = event.clientY;
document.all.x6.style.left= event.clientX;
document.all.x6.style.bottom = event.clientY;
document.all.x7.style.right= event.clientX;
document.all.x7.style.bottom = event.clientY;
}
document.onmousemove=mover;

</script>