如何实现鼠标放到文字上时，在文字正下方有个矩形区域

当鼠标指向(onmouseover）时，显示一个DIV，DIV内容可以自由设置了
背景透明不是所有IE都支持的，CSS滤镜可以实现透明效果

解决方案 »

  1.   

    <html>
    <head>
    <STYLE TYPE="text/css">
    <!--
    BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
    .DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
    //-->
    </STYLE>
    </head>
    <body>
    <DIV ID="dek" CLASS="dek"></DIV><SCRIPT TYPE="text/javascript">
    <!--/*
    Pop up information box II (Mike McGrath ([email protected],  http://website.lineone.net/~mike_mcgrath))
    Permission granted to Dynamicdrive.com to include script in archive
    For this and 100's more DHTML scripts, visit http://dynamicdrive.com
    */Xoffset=-60;    // modify these values to ...
    Yoffset= 20;    // change the popup position.var nav,old,iex=(document.all),yyy=-1000;
    if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}if(!old){
    var skn=(nav)?document.dek:dek.style;
    if(nav)document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove=get_mouse;
    }function popup(msg,bak){
    var content="<TABLE  WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
    "BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
    if(old){alert(msg);return;} 
    else{yyy=Yoffset;
     if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
     if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
     }
    }function get_mouse(e){
    var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
    var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
    }function kill(){
    if(!old){yyy=-1000;skn.visibility="hidden";}
    }//-->
    </SCRIPT><a href="http://www.51js.com" onMouseOver="popup('曾经有一个很好的Dhtml放在我面前，我不懂得珍惜，等到失去了才后悔末及...','yellow')"; onMouseOut="kill()">无忧脚本</a> 
    <br>
    <a href="http://www.ie-zone.com" onMouseOver="popup('你需要Dhtml吗？需要你就讲吗，你不讲我怎么知道你需要呢？','lightgreen')"; onMouseOut="kill()">IE中文用户</a><br>
    <a href="#" onMouseOver="popup('在茫茫人海，我与她相遇了，在0.05秒，我将爱上她.？','lightyellow')"; onMouseOut="kill()">欢迎你</a>
    </body>
    </html>
    -----------海娃的JS-------------------------