首页js淡入跳转另一个页面

首页是一个大图片，要做渐渐透明消失然后跳转到另一个页面，求方法。jsflash

解决方案 »

  1.   

    用Jquery包
    $("#imgId").hide("slow",function(){
        location.href="nextPage.html";
     });
      

  2.   

    <!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">
    function init(){
    var img=document.images[0];
    img.style.opacity=1;
    img.style.filter="alpha(opacity=100)";
    var p=window.setInterval(function(){change(img,p)},200);
    }
    function change(img,p){
    var opacity=parseFloat(img.style.opacity)-0.05;
    img.style.opacity=opacity;
    img.style.filter="alpha(opacity="+(opacity*100)+")";
    if(opacity<=0){
    window.clearInterval(p);
    window.location.href="http://www.baidu.com";
    }
    }
    window.onload=init;
    </script>
    </head><body>
    <img src="u=3377829953,1380725767&amp;fm=25&amp;gp=0.jpg" />
    </body>
    </html>
    这样试试