网页中的某个图片淡出，然后消失

对js不是很熟悉，谁能给个代码要求是：某图片淡入然后淡出直到图片消失，网页中的其他内容正常显示

这样？<body>
<div id="div1">
<input type="button" value="淡....." id="btn1"/>
<img src="http://avatar.csdn.net/6/D/1/1_sohighthesky.jpg" style="display:none"/>

  </div>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#btn1").click(function() {
$("#div1 img").fadeIn("slow");
$("#div1 img").fadeOut("slow");
});
});
</script>
http://www.chinaz.com/video_visit/g_cn-ads.swf这个效果
图片所在的层加上alpha滤镜，每隔一段时间设置一下alpha滤镜的透明度
这样吧，紧跟着<body>写：
<div id="fadeMe" style="z-index:500;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);">
<img src="你的图片"/>当然这个地方还可以放其他任何东东
</div>
在你的JavaScript代码中加入下面的代码：
var _opacity = 100;
var _tid = windows.setInterval(fadeIt, 100);
function fadeIt(){
    _opacity -= 10;
    if(_opacity<=0) {
        window.clearInterval(_tid);
        fadeMe.display = "none";
    }
    fadeMe.filters(0).opacity = _opacity;
}
抱歉，上面的js有两处错误：
1.第二行windows应改为window
2.第七行fadeME.display="none";应改为fadeMe.style.display="none";
或者fadeMe.style.visibility="hidden";
用jQuery写就是了正如2楼所说不过你可以将方法的参数改成毫秒数