文字特效
<html>
<head>
<TITLE>Zoom & Onmouseover 文字特效</TITLE>

<script>
<!--//

var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy

function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}

function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}

function ringup2() {
if (i_fontsize<=1000) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
   document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}

document.onmousemove = handlerMM;

//-->
</script>

<STYLE>
.ringstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:5pt;
font-family:Verdana;
color:FF0000
}
.explain {
position:absolute;
top:80px;
left:40px;
width:300px;
color:000000;
text-align:center;
font-size:20pt;
font-family:Times;
}
</STYLE>

</HEAD>
<body bgcolor="#FFFFFF">

<DIV id="ring" class="ringstyle">cool</DIV>

<DIV id="redirection" class="explain"><a href="http://www.nease.net/~hhuang" target="_blank" onMouseOver="ringup()">hotjava</a></DIV>

</body>
</html>