怎么实现 在页面动态弹出一个DIV提示层然后动态消失（带效果图）

本帖最后由 lanzhengwu 于 2011-01-06 21:57:05 编辑

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
    function show(){
    var test = document.getElementById("test");
    test.style.display = "block";
    setTimeout(function(){
    test.style.display = "none";
    },3000);
    }
    </script>
    <style type="text/css">
    #test {
    width:200px;
    height:60px;
    background:#ccc;
    display:none;
    position:absolute;
    left:40%;
    top:40%;
    }
    </style>
    </head>
    <body>
    <div id="test">三秒钟后我将消失</div>
    <input type="button" onclick="show()" value="hit me" />
    </body>
    </html>
      

  2.   

    jquery动画实现起来很简单的，楼主还是去了解一下。$("div").fadeOut(3000);//3秒钟，自动消失