页面上的酷文字
脚本说明:
第一步：把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function mover()
{
document.all.x.style.left = event.clientX;
document.all.x.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;
}
// End -->
</script>
<DIV ID = "x", STYLE = "position: absolute; filter: glow(strength = 3, color = red)"> Merry christmas </DIV>
<DIV ID = "x1", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)"> Happy new year </DIV>
<DIV ID = "x2", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)"> Merry christmas </DIV>
<DIV ID = "x3", STYLE = "position: absolute; filter: glow(strength = 3, color = red)"> Happy new year </DIV>
<DIV ID = "x4", STYLE = "position: absolute; filter: glow(strength = 3, color = green)"> Merry christmas </DIV>
<DIV ID = "x5", STYLE = "position: absolute; filter: glow(strength = 3, color = green)"> Happy new year </DIV>
<DIV ID = "x6", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)"> Merry christmas </DIV>
<DIV ID = "x7", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)"> Happy new year </DIV>
第二步：把<body>中的内容改为：
<body ONMOUSEMOVE="mover()">
第一步：把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function mover()
{
document.all.x.style.left = event.clientX;
document.all.x.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;
}
// End -->
</script>
<DIV ID = "x", STYLE = "position: absolute; filter: glow(strength = 3, color = red)"> Merry christmas </DIV>
<DIV ID = "x1", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)"> Happy new year </DIV>
<DIV ID = "x2", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)"> Merry christmas </DIV>
<DIV ID = "x3", STYLE = "position: absolute; filter: glow(strength = 3, color = red)"> Happy new year </DIV>
<DIV ID = "x4", STYLE = "position: absolute; filter: glow(strength = 3, color = green)"> Merry christmas </DIV>
<DIV ID = "x5", STYLE = "position: absolute; filter: glow(strength = 3, color = green)"> Happy new year </DIV>
<DIV ID = "x6", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)"> Merry christmas </DIV>
<DIV ID = "x7", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)"> Happy new year </DIV>
第二步：把<body>中的内容改为：
<body ONMOUSEMOVE="mover()">