图片缓动效果怎么实现的？

请各位给例子帮忙。谢谢～比如打开sina的时候，头部有广告图片缓动消失//

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function Dispo(){
    document.getElementById('oImg').style.display = 'none';
    } setTimeout('Dispo()',3000);
      //-->
      </SCRIPT>
     </HEAD> <BODY>
      <img id='oImg' src='http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai07.jpg'>
     </BODY>
    </HTML>
      

  2.   

    <script type="text/javascript">
    function $(id)
    {
    return document.getElementById(id);
    }
    function showhidden(t)
    {
    if($(t).style.display == 'none')
    {
    $(t).style.display = 'block';

    }
    else
    {
    $(t).style.display = 'none'

    }
    }
    window.onload = function (){setTimeout(function (){showhidden("ss")},1000);setTimeout(function (){showhidden("ss")},3000);};
    </script>
    <div style="display:none" id="ss">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="632" height="82">
        <param name="movie" value="http://d1.sina.com.cn/200806/11/140572_home-64090.swf">
        <param name="quality" value="high">
        <embed src="http://d1.sina.com.cn/200806/11/140572_home-64090.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="632" height="82"></embed>
      </object>
    </div>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
        function $(id){return document.getElementById(id);}
        function Dispo(){
            if($("oImg").filters.alpha.opacity<0){
                $("oImg").style.display="none";
            }else{
                $("oImg").filters.alpha.opacity-=10;
            }
        }
        window.onload=function(){
            setInterval('Dispo()',50);
        }  //-->
      </SCRIPT>
     </HEAD> <BODY>
      <img id='oImg' src='http://list.mp3.baidu.com/list/images/tupic/funny_egaosucai07.jpg' style="filter:alpha(opacity=100);">
     </BODY>
    </HTML>
      

  4.   

    sina等大站里的确是能学到点好东西，呵呵。
      

  5.   

    优化一下
    <html>
    <head>
    <script language="Javascript">
    <!--
    var objTimer;
    function Disappear()
    {
      var objImg=document.getElementById("oImg");
      if(objImg.filters.alpha.opacity<0)
      {
        objImg.style.display="none";
        window.clearInterval(objTimer);
      }
      else
      {
        objImg.filters.alpha.opacity-=10;
      }
    }
    window.onload=function(){
      objTimer=window.setInterval("Disappear()",60);
    }
    -->
    </script>
    </head>
    <body>
      <img id="oImg" src="http://www.baidu.com/img/baidu_logo.gif" style="filter:alpha(opacity=100);">
    </body>
    </html>