search

Home  >  Q&A  >  body text

javascript - 我想写一个JS的鼠标移入显示DIV的事件,但我这样的思路写出来不得行;求大神指教:

直接贴我写的代码哈:求大神给指证我的错误在哪里谢谢;

html<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>鼠标移入事件</title>
<style type="text/css">
.dj{
    width: 300px;
    height: 500px;
    background-color: #333333;
    display:none;
}
</style>
<script type="text/javascript">
window.onload = function (){
    var xod1=document.getElementById("as");
        xod1.onmouseover= function (){
            var xoda2=document.getElementById("dgil");
                xoda2.style.display='block';
        }
}
</script>
</head>
<body>
<p style="width: 50px; height: 50px;background: #33ccdd;" id="as"></p>
<p class="dj" id="dgil">dd</p>
</body>
</html>
PHP中文网PHP中文网2819 days ago507

reply all(5)I'll reply

  • 怪我咯

    怪我咯2017-04-10 14:53:22

    确定这里面有错误?

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-10 14:53:22

    经过测试,完全正确。

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 14:53:22

    可以实现当鼠标移入显示p的效果

    reply
    0
  • 黄舟

    黄舟2017-04-10 14:53:22

    题主是还想让其隐藏吗?

        <script type="text/javascript">
            window.onload = function (){
            var xod1=document.getElementById("as");
            xod1.onmouseover= function (){
                var xoda2=document.getElementById("dgil");
                if(xoda2.style.display=='none')
                    xoda2.style.display='block';
                else
                    xoda2.style.display='none';
            }
        }
        </script>
    

    reply
    0
  • 大家讲道理

    大家讲道理2017-04-10 14:53:22

    谢谢各位大神哈;我今天到公司电脑上试了,又得行了。但火狐有些不是很灵的感觉。不每次都能触发;

    reply
    0
  • Cancelreply