求一段简单js代码

准备实现当鼠标移动到图片上时，有一个层出现，显示一段文字即可，需要兼容FF。谢谢了~~~

解决方案 »

  1.   

    <img src="#" title="123444"/>title就是你要显示的内容。这里鼠标移到图片上，显示123444
      

  2.   

    忘记说了不要title  层或者table都行
      

  3.   

    看看这个行不：
    <html>  
      <head>  
      <STYLE   TYPE="text/css">  
      <!--  
      .DEK   {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}  
      -->  
      </STYLE>  
      </head>  
       
      <body>  
      <DIV   ID="dek"   CLASS="dek"></DIV>  
       
      <SCRIPT   TYPE="text/javascript">  
      <!--  
      Xoffset=   0;    
      Yoffset=   20;    
       
      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="###"   ONMOUSEOVER="popup('你的说明文字','#FFCC00')"   ONMOUSEOUT="kill()">鼠标停留在文本上显示说明文字</a><br>  
      鼠标停留在图片上显示说明文字:<img   src="你的图片"   width=100   height=50   onmouseover="popup('你的说明文字','#FFCC00')"   onmouseout="kill()">  
      </body>  
      </html>
      

  4.   

    <div id="div_none" style="display:none">http://www.dushiq.com</div>
    <img src="" onmouseover="javascript:document.getElementById('div_none').style.display='block';"
    onmouseout="javascript:document.getElementById('div_none').style.display='none'"
     />
      

  5.   


    这个不行
    就是想实现Kit_LO做的那个效果 但是在ff下显示不了
      

  6.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
       <head>
        <head>
       <title>显示div提示</title>
       <style type="text/css" media="all">
         #Div_dyw31415926 {border:1px solid #ccc;background:#eee;line-height:100px;text-align:center;}
       </style>
       <script type="text/javascript">
          function hiddenTitleDiv(){
            document.getElementById("Div_dyw31415926").style.display = "none";
          }
          
          function showTitleDiv(){
            if(document.getElementById("Div_dyw31415926").style.display = "none")
            document.getElementById("Div_dyw31415926").style.display = "block";
          }
        </script>
      </head>
       <body>
       <div id="Div_dyw31415926" style="margin:0px;padding:0px;position:absolute;top:200px;left:300px;background-color:#ff0000;width:100px;height:100px;display:none;z-index:3;">提示</div>
       <div id="PosXY" style="position:absolute;left:200px;">移动鼠标到灰色区域内看看！</div>   <img onmouseover="showTitleDiv();" border="1" id="myimg" src="http://www.baidu.com/img/logobk.gif" width="200" height="200" onmouseout="hiddenTitleDiv();"/>   <script type="text/javascript">
       var w3c=(document.getElementById)? true: false;
       var agt=navigator.userAgent.toLowerCase();
      var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
       function IeTrueBody(){
       return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
       }
       function getMousePos(e){
       var curX=(!ie)?e.pageX : event.clientX+IeTrueBody().scrollLeft;
       var curY=(!ie)?e.pageY : event.clientY+IeTrueBody().scrollTop;
       document.getElementById("Div_dyw31415926").style.top = curY + "px";
       document.getElementById("Div_dyw31415926").style.left = curX + "px";
       if(document.getElementById("Div_dyw31415926").style.display == "none")
       document.getElementById("Div_dyw31415926").style.display = "block";
       }
       document.getElementById("myimg").onmousemove=getMousePos;
       
      </script>
       </body>
       </html> 
      

  7.   

    <pre>
    <html>
    <head>
    <style>
    .md {
    position : absolute;
    width : 200;
    height : 50;
    z-index : 3;
    background-color : red;
    }   
    </style><script language="JavaScript1.2">
    function showImg(evn, msg, flag) {
    var e = (evn == null) ? event : evn;
    var d = document.getElementById('mydiv');
    if (flag == 1) {
    d.innerHTML = msg;
    d.style.left = e.clientX + 20 + document.body.scrollLeft;
    d.style.top = e.clientY + 20 + document.body.scrollTop;
    d.style.display = '';
    } else {
    d.style.display = 'none';
    }
    }</script>
    </head>
    <body >this is a test for a div of an image.
    <img src="19.jpg" alt="aImg" onmouseover="showImg(event, 'your msg', 1)" onmouseout="showImg(event, '', 0)"/>
    <div id="mydiv" class="md" style="display : none"></div>
    </body>
    </html>
    <pre>顺便说一下，LZ遇到的问题应该是IE和FF的兼容性的问题，在FF中如果一个方法没有参数，FF会默认传event对象，但如果有了自己的参数，event对象就不会自动传了，需要显示传一下。
      

  8.   

    <img src="#" title="123444"/> title就是你要显示的内容。这里鼠标移到图片上，显示123444同意