求一段JS~~~

  求一段JS  效果如:cq.qq.com  那个已进入网页,顶部就有一张图片下拉出来(要有下拉出来的效果),然后过一会儿就会收上去.

解决方案 »

  1.   


    <!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>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#picContainer").slideDown(600,function(){
    setTimeout(function(){
    $("#picContainer").slideUp(600);
    },1000);
    });
    });
    </script>
    </head><body>
    <div id="picContainer" style="display:none;">
      <img  src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" width="276" height="110" border="0"/>
    </div>
    </body>
    </html>
      

  2.   

    <script language="javascript">
    function onload()
    {
    document.getElementById("top_image").style.display = "block";//显示图片
    setTimeout("CloseTopImage()",3000);//设置3秒后运行关闭函数
    }
    function CloseTopImage()
    {
    document.getElementById("top_image").style.display = "none";//隐藏图片
    }
    </script>
    <body onload="onload()">
    <div id="top_image" style="display:none"><img src="http://www.google.com/intl/en_ALL/images/logo.gif"/></div>
    </body>这里你会看到图片一开始就显示在那，而你的例子上是过一会才显示的，原因是因为他的一面上内容比较多，放在onload里面需要等待整个页面全部加载好才会运行。所以当你页面内容比较多的时候才会有前面的效果
    过一会隐藏主要是利用setTimeout