21、页面鼠标幻影文字

21、页面鼠标幻影文字

<body>

 

 

<DIV ID = "x", 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)">欢迎来7色天空做客</DIV>

<DIV ID = "x3", STYLE = "position: absolute; filter: glow(strength = 3, color = red)">欢迎来7色天空做客</DIV>

<DIV ID = "x4", STYLE = "position: absolute; filter: glow(strength = 3, color = green)">欢迎来7色天空做客</DIV>

<DIV ID = "x5", STYLE = "position: absolute; filter: glow(strength = 3, color = green)">欢迎来7色天空做客</DIV>

<DIV ID = "x6", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)">欢迎来7色天空做客</DIV>

<DIV ID = "x7", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)">欢迎来7色天空做客</DIV>

<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;

}

document.onmousemove=mover;

//  End -->

</script>

 

 

Write a comment

Comments: 0