js实现页面中某个div层显示几秒钟然后隐藏，谢谢！

js实现页面中某个div层显示几秒钟然后隐藏，隐藏后显示几个字或一个小图标，鼠标移上去再显示，鼠标移走再隐藏效果

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function hiddenDiv(p){
    var divobj = document.getElementById("div1");
    //alert(divobj.style.display);
    var divs = divobj.children;
    for(var i=0;i<divs.length;i++){
    var div = divs[i];
    if(div.tagName == 'DIV'){
    if(p==1)div.style.display = 'none';
    else div.style.display = '';
    }
    }
    } function hiddenDivs(){
    setTimeout("hiddenDiv(1)",3000);
    }
    //-->
    </SCRIPT>
    <style>
    div{
    background-color:cornflowerblue;
    width:60px;
    }
    </style>
    </HEAD><BODY onload="hiddenDivs()">
    <div id="div1" onmouseover="hiddenDiv(0)" onmouseout="hiddenDivs(1)">
    文件
    <div>
    新建
    </div>
    <div>
    保存
    </div>
    </div>
    </BODY>
    </HTML>
      

  2.   

    http://hi.baidu.com/wqnljy/blog/item/6cf2331dfe6d34c2a6866914.html
    结合 
    http://hi.baidu.com/wqnljy/blog/item/e08d4a62183a56d48cb10d3f.html自己改改
      

  3.   

    http://hi.baidu.com/wqnljy/blog/item/6cf2331dfe6d34c2a6866914.html 
    结合 
    http://hi.baidu.com/wqnljy/blog/item/e08d4a62183a56d48cb10d3f.html 自己改改
      

  4.   

    <style>
    #divbox{
    border:5px solid #0066cc;
    background:skyblue;
    padding:20px;
    font-size:22px;
    color:white;
    }
    </style>
      <script language="javascript">
    function codefans(){
    var box=document.getElementById("divbox");
    box.style.display="none";
    }
    setTimeout("codefans()",3000);//3秒
    </script>
      <body>
        <div id="divbox"><h1 align="center">3秒后隐藏</h1>
        </div>  
    </body>