该DIV ,我已经在CSS里设置成display:none不显示,但是另外有一个图片,我想要的效果是,当鼠标一到这个图片内,这个DIV就显示.不知道怎么写?

解决方案 »

  1.   

    js onmouseover事件
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>隐藏元素</TITLE>
     </HEAD>
    <script type="text/javascript">
        var show=function(){
            document.getElementById("two").style.display="block";//none   --彻底的删去了此标签,此布局会被抢占
            //visibility:hidden|visible;   --隐藏了此标签 还占用布局
            
        };
        var hidden=function(){
            document.getElementById("two").style.display="none";//block   --彻底的删去了此标签,此布局会被抢占
        };</script>
     <BODY>
     <div id="one" style="width:50px;height:50px;background-color : red" onmouseover="show()" onmouseout="hidden()">原来DIV</div>
      <div id="two" style="width:200px;height:200px;background-color:blue;display:none;">加载显示DIV</div>
     </BODY>
    </HTML>