如何实现点击一个图标显示div再点击图标关闭DIV,点击其他地方关闭div,移开div  N秒后关闭谢谢了...

解决方案 »

  1.   

    是不是这个?
    <html>
    <head>
    <title>显示层</title>
    <script language="javascript" type="text/javascript">
    <!--
    function show(){
    var newpop=window.createPopup();
    var popbody=newpop.document.body;
    popbody.style.backgroundColor="#00ffff";
    popbody.style.border="solid 3px #0000ff";
    popbody.innerHTML="这个就是你要的层可以在这里加入HTML标签代码不过要用到转义符如:<marquee direction=\"up\" scrollamount=\"8\" behavior=\"alternate\" height=\"40\">上下滚动</marquee><br/>点击外面关闭层"
    newpop.show(100,100,180,140,document.body);
    }
    //-->
    </script>
    </head>
    <body>
    <input type="button" id="but" value="单击打开层" onclick="show()" />
    </body>
    </html>
      

  2.   

    <html>
    <head>
    <title>控制层的显示</title>
    <script language="JavaScript">
    <!--
    function show(status){
    example.style.visibility=status;
    }
    //-->
    </script>
    </head>
    <body>
    <div id="example" style="position:absolute;top:100;left:150;width:250;height:100;z-index:2;visibility:hidden;">
    <a href="#">游戏下载</a><br>
    <a href="#">金曲排名</a><br>
    </div>
    <a href="#" onclick="show('visible')">打开层</a>&nbsp;
    <a href="#" onclick="show('hidden')">关闭层</a>
    </body>
    </html>