想做一个类似于新浪原来的广告效果的贺新年图片自动下拉上缩的javascript效果.
就是那种一副大图片哗啦一下在开网页的时候显示出来,然后过个1、2秒又自动收上去的效果。
或者有什么好点的类似庆贺新年的效果代码的...
麻烦大家帮下忙...
公司急着要在...

解决方案 »

  1.   

    <script type="text/javascript" src="Js/jquery-1.3.2.min.js" ></script> 
    <script type="text/JavaScript">

      $(document).ready(function(){
    setTimeout("loadNewPage();",2000);  
      });
      
      function loadNewPage(){
       $("#topDiv").slideUp("slow");
      }
    </script><div id="topDiv">123</div>
    <div id="mainDiv">123</div>
      

  2.   

    做了个简单的^_^
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title>
    <script>
    var d = null;
    var sh = null;
    var hid = null;
    window.onload = function(){
    d = document.getElementById("notice");
    sh = window.setInterval("show()",10);
    };
    function show(){
    var top = parseInt(d.style.top.replace("px",""));
    if(top<0){
    d.style.top = (top+1)+"px";
    }else{
    window.clearInterval(sh);
    window.setTimeout("goHidden()",5000);//5秒后收缩起来
    }
    }
    function goHidden(){
    hid = window.setInterval("hidden()",10);
    }
    function hidden(){
    var top = parseInt(d.style.top.replace("px",""));
    if(top>-200){
    d.style.top = (top-1)+"px";
    }else{
    window.clearInterval(hid);
    }
    }
    </script>
    </head><body>
    <div id="notice" style="widht:100%;position:absolute;height:200px;top:-200px;left:0px;">
    <img width="100%" height="100%" src="http://d5.sina.com.cn/200912/22/203811_750-450.jpg"/>
    </div>
    </body>
    </html>