动态变形的公告窗口『COOL』

dn001 2009-06-21 08:20:08

<html> <head> <title>提示菜单</title> <script> var x,y function canMove() { x=document.body.scrollLeft+event.clientX y=document.body.scrollTop+event.clientY } function move() { tips.style.posLeft=x+10; tips.style.posTop=y+10; setTimeout("move()",10); } function showTips(content,obj) { obj.innerText=content+"tttttt"; obj.filters.alpha.opacity=100; } function hideTips(content,obj) {//more javascript from http://www.knowsky.com obj.innerText=content; obj.filters.alpha.opacity=0; } document.write("<div id=tips style='filter:alpha(opacity=0);position:absolute;background-color:#f3f3f3;font-size:9pt;color:#6c6c6c;border:#d9d9c6 1px solid;'></div>"); </script> </head> <body onload="move()" onmousemove="canMove()"> <table cellspacing=0 cellpadding=0 border=0 width=760 align=center> <tr> <td height=40> <a href="#"><span onmouseover="showTips('魔鬼列车最新版本最新上传',tips)" onmouseout="hideTips('',tips)">1</span></a> </td> </tr> <tr> <td height=40> <a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">2</span></a> </td> </tr> <tr> <td height=40> <a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">3</span></a> </td> </tr> <tr> <td height=40> <a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">4</span></a> </td> </tr> <tr> <td height=40> <a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">5</span></a> </td> </tr> </table> </body> </html>