判断DIV是否显示问题

隐藏：document.getElementById("Div").style.display = "none"
显示：document.getElementById("Div").style.display = "block"

解决方案 »

  1.   

    不知道这能不能满足你的要求，点击显示div，2秒后隐藏，要是鼠标称上去了，就不隐藏，移出div隐藏
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <button id="btn">点一下看看</button>
    <div style="border:solid 1px #222; width:200px; height:200px; background-color:#CCCCCC; display:none" id="div">
    我是测试文字
    </div>
    </body>
    </html><script type="text/javascript">
    var btn = document.getElementById("btn");
    var div = document.getElementById("div");
    var timmer=null;
    window.onload = function()
    {
    btn.onclick = show;
    div.onmouseover = function()
    {
    show();
    clearTimeout(timmer);
    }
    div.onmouseout = function()
    {
    hide();
    }
    }
    btn.onclick = show;
    function show()
    {
    if(timmer!=null)
    clearTimeout(timmer);
    div.style.display = "block";
    timmer = setTimeout("hide()",2000);//防止一直显示，2秒后自动隐藏
    }function hide()
    {
    div.style.display = "none";
    }
    </script>
      

  2.   

    啊晕，多写了一个btn.onclick = show;
      

  3.   

    如果在此DIV上的ONMOUSEROVER和ONMOUSEROUT上加这2个JS不灵，因为我在此DIV中还有其他控件，当点击了此DIV上的INPUT后在点此DIV上的其他地方此DIV就隐藏了
    有其他更好点的办法吗？急啊！中午都不睡觉了，来在线等此答案，各位大鸟出点高招吧！
    这个DIV就像左边你们头像一样，要鼠标在此区域显示（包空此区域内的其他控件），不在此区域隐藏
      

  4.   

    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++)
    {
      if (inputs.getAttribute("type") == "checkbox")
      {
      }}
    得到要触发事件的target
      

  5.   

    varlj 的办法在IE里好像是没问题的，但FF下还有问题
    我的DIV里有个UL，UL下有LI，LI下有很多INPUT，INPUT的获得焦点事件的时候我也让DIV显示了，UL和LI没有用任何事件
    是不是因为这个问题，所以IE（有时），FF（经常）下就又把这个DIV隐藏了？