减小字体 增大字体
] 源码如下----------------------------------------------------------<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>cool-www.51windows.Net</title> <style> .ringstyle{position:absolute;visibility:visible;top:-50px;color:#FF0000} .explain {position:absolute;top:80px; left:40px; width:300px; color:#000000;font-size:9pt} </style> <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> </head> <body> <div id="ring" class="ringstyle"> <font color="#FF8080">★</font> </div> <div id="redirection" class="explain" style="left: 184px; top: 136px; width: 126px; height: 30px">将鼠标移到这里来看看<br> <a onMouseOver="ringup()" href="http://ascloudy.myetang.com">是不是很棒的效果</a> </div></body></html>
[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]