请给一个鼠标移到某个热点时侯，显示一个介绍的代码（就是一个层），多谢

<html xmlns:YYC xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
  <STYLE>
v\:* { Behavior: url(#default#VML) }
</STYLE>
  </head>
  <body>
  <v:shape id="cuttipid"
  style='display:none;z-index:12;position:absolute;left:10;top:210;
  width:200px;height:120px' coordsize="21600,21600" adj="8607,,5400"
  path="m532,qx,532l,16745qy532,17277l2623,17277@1,21600,6515,17277r14501,qx21600,16745l21600,532qy21016,xe"
  fillcolor="white">
  <v:stroke joinstyle="miter"/>
  <v:shadow on="t" offset="6pt,6pt"/>
  <v:formulas>
   <v:f eqn="val 0"/>
   <v:f eqn="val #0"/>
  </v:formulas>
  <v:path textboxrect="145,145,21409,17106" />
  <v:textbox style="font-size:10pt;color:blue;line-height:18px" inset="1,1,1,1">
   <center><span style="color:#8e2f23;font-weight:bolder">剪贴板</span></center>
   &nbsp;剪贴板可以帮助你把所浏<br>
   &nbsp;览的网页内容剪裁下来。使用方<br>
   &nbsp;法：把剪贴板图标所指的链接拖<br>
   &nbsp;动到IE的链接栏上面。<br>
  </v:textbox>
  <v:handles>
   <v:h position="#0,bottomRight" xrange="0,21600" yrange="@0,2147483647"/>
  </v:handles>
 </v:shape>
 
  <v:shape id="hidetipid"
  style='display:none;z-index:12;position:absolute;left:440;top:5;
  width:200px;height:70px' coordsize="21600,21600" adj="8607,,5400"
  path="m532,qx,532l,16745qy532,17277l2623,17277@1,21600,6515,17277r14501,qx21600,16745l21600,532qy21016,xe"
  fillcolor="white">
  <v:stroke joinstyle="miter"/>
  <v:shadow on="t" offset="6pt,6pt"/>
  <v:formulas>
   <v:f eqn="val 0"/>
   <v:f eqn="val #0"/>
  </v:formulas>
  <v:path textboxrect="145,145,21409,17106" />
  <v:textbox style="font-size:10pt;color:blue;line-height:18px" inset="1,1,1,1">
   <center><span style="color:#8e2f23;font-weight:bolder">隐藏/显示功能</span></center>
   &nbsp;你可以通过该功能来隐藏或者显<br>
   &nbsp;示左边的工具栏。<br>   
  </v:textbox>
  <v:handles>
   <v:h position="#0,bottomRight" xrange="0,21600" yrange="@0,2147483647"/>
  </v:handles>
 </v:shape>
 <button style="position:absolute;left:70;top:335" onmouseover="cuttipid.style.display='block'" onmouseout="cuttipid.style.display='none'">test</button>
 </body>
 </html>这是我的一个项目中的一部分，很cool的！

解决方案 »

  1.   

    <A onmouseover="javascript:document.all['show1'].style.visibility='visible';" style="CURSOR: hand"><div id="show1" style="position: absolute; width: 423; height: 139; z-index: 1; left: 208; top: 42; visibility: hidden"> 
      <table border="1" >
    孜孜孜孜</table>
    </div>
      

  2.   

    你将下面的input改成area即可。<input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"><div id=pop style="position:absolute;width:100;height:50;z-index:99;display:none">
    <table border=0 bgcolor=#FF0000><tr><td align=center>层里文字</td></tr></table></div><script language=javascript>
    function cc(tt)
    {
      var daps  = document.all.pop.style;
      var ttop  = tt.offsetTop;     //TT控件的定位点高
      var thei  = tt.clientHeight;  //TT控件本身的高
      var tleft = tt.offsetLeft;    //TT控件的定位点宽
      var ttyp  = tt.type;          //TT控件的类型
      while (tt = tt.offsetParent){ttop+=tt.offsetTop; tleft+=tt.offsetLeft;}
      daps.top  = (ttyp=="image")? ttop+thei : ttop+thei+6; //层的 Y 坐标
      daps.left = tleft + 1;  //层的 X 坐标
      daps.display = "";  //层显示
    }
    </script>
      

  3.   

    第一，把下面代码copy到head区内:
    <STYLE TYPE="text/css">
    <!--
    BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
    .DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
    //-->
    </STYLE>
    第二，下面代码放在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>
      

  4.   

    第三.使用方法 下面列出本页例子效果显示用到的: 明白了吗？
    <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>