|
第一步:将以下代码加入HEML的<head></head>之间:</p><p> <script><br/> <!--//<br/> var x,y<br/> var timer<br/> var i_fontsize=0<br/> var step=0<br/> var thisx,thisy<br/> function handlerMM(e){<br/> x = (document.layers) ? e.pageX : event.clientX<br/> y = (document.layers) ? e.pageY : event.clientY<br/> }<br/> function ringup() {<br/> if (document.all) {<br/> thisx = x<br/> thisy = y<br/> ringup2()<br/> }<br/> }<br/> function ringup2() {<br/> if (i_fontsize<=1000) { <br/> document.all.ring.style.fontSize=i_fontsize<br/> document.all.ring.style.color="rgb</p><p> (255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"<br/> document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))<br/> document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))<br/> step+=4<br/> i_fontsize+=step<br/> timer=setTimeout("ringup(2)",50)<br/> }<br/> else { clearTimeout(timer)<br/> i_fontsize=0<br/> step=0<br/> document.all.ring.style.posTop=-10000<br/> }<br/> }<br/> document.onmousemove = handlerMM;<br/> //--><br/> </script><br/> <style><br/> .ringstyle {<br/> position:absolute;<br/> visibility:visible;<br/> top:-50px;<br/> font-size:5pt;<br/> font-family:Verdana;<br/> color:FF0000<br/> }<br/> .explain {<br/> position:absolute;<br/> top:80px; <br/> left:40px; <br/> width:300px; <br/> color:000000;<br/> text-align:center;<br/> font-size:20pt;<br/> font-family:Times;<br/> }<br/> </style></p><p> 第二步:将以下代码加入HEML的<body></body>之间:</p><p> <div id="ring" class="ringstyle"><br/> <p><font color="#FF8080">你好吗呵呵</font></p><br/> </div><br/> <div id="redirection" class="explain"><br/> <p>移动你的鼠标到这里来看看<a target="_blank" onMouseOver="ringup()"<br/> onclick="window.open('download.htm','dl','width=300,height=100,top=0')"<br/> href="http://behidor.myrice.com">是不是很棒的效果</a></p><br/> </div><br/> |
|