1. <script>
  2. var timer=null;
  3. </script>
  4. <center>
  5. <a href="#" onclick="return false" onmouseover="disp1()" onmouseout="timer=setTimeout('hide()',500)">Blueidea Web Team
  6. </a>
  7. <div id="mydiv" style="position:absolute;visibility:hidden;border:1px black solid;background-color:yellow;padding:10px;line-height:140%" onmouseover="clearTimeout(timer)" onmouseout="setTimeout('hide()',500)">
  8. 科技新闻<br />
  9. 社会新闻<br />
  10. <img src="<a href="http://bbs.blueidea.com/customavatars/Sheneyan.gif" target="_blank">http://bbs.blueidea.com/customavatars/Sheneyan.gif</a>"><br />
  11. 娱乐新闻<br />
  12. 金翅擘海<br />
  13. </div>
  14. <script>
  15. function hide() {
  16. mydiv.style.visibility="hidden";
  17. }
  18. function disp1(){
  19. mydiv.style.visibility="visible";
  20. mydiv.style.left=event.srcElement.offsetLeft;
  21. mydiv.style.top=event.srcElement.offsetTop+event.srcElement.offsetHeight-2;
  22. }
  23.  
  24. </script>
  1. <style type=text/css>BODY {
  2. OVERFLOW: scroll; OVERFLOW-X: hidden
  3. }
  4. .DEK {
  5. POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 200
  6. }
  7. A.js:link {
  8. COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
  9. }
  10. A.js:visited {
  11. COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
  12. }
  13. A.js:hover {
  14. COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
  15. }
  16. A.js:active {
  17. COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
  18. }
  19. </style>
  20.  
  21.  
  22. <center>
  23. <table border=0 cellPadding=0 cellSpacing=0 height="42%" width="36%">
  24.   <tbody>
  25.   <tr>
  26.     <td align=middle><br />
  27.       <div class=dek id=dek style="left: 67px; top: 66px; width: 289px; height: 17px"></div>
  28.       <script type=text/javascript>
  29. Xoffset=-60;
  30. Yoffset= 20;
  31.  
  32. var nav,old,iex=(document.all),yyy=-1000;
  33. if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
  34.  
  35. if(!old){
  36. var skn=(nav)?document.dek:dek.style;
  37. if(nav)document.captureEvents(Event.MOUSEMOVE);
  38. document.onmousemove=get_mouse;
  39. }
  40.  
  41. function popup(msg,bak){
  42. var content="<table WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
  43. "BGCOLOR="+bak+"><td ALIGN=center><font COLOR=black SIZE=2>"+msg+"</font></td></table>";
  44. if(old){alert(msg);return;}
  45. else{yyy=Yoffset;
  46. if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
  47. if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
  48. }
  49. }
  50.  
  51. function get_mouse(e){
  52. var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
  53. var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
  54. }
  55.  
  56. function kill(){
  57. if(!old){yyy=-1000;skn.visibility="hidden";}
  58. }
  59. </script>
  60.       <a href="#" onmouseout=kill()
  61.       onmouseover="popup('这里是链接一的提示<br />可以定义不同的背景颜色以及链接等等','lightgreen')"
  62.       ;>演示链接一</a> <a href="#" onmouseout=kill()
  63.       onmouseover="popup('这里是链接二的提示<br />可以定义不同的背景颜色以及链接等等','lightblue')"
  64.       ;>演示链接二</a></td>
  65.   </tr></tbody></table>


无觅相关文章插件，快速提升流量