JS实现网页中淡入淡出效果,JavaScript

JS实现网页中淡入淡出效果

<body>
<div style="background:#000099;width:230;height:180;filter:alpha(opacity=0);" id="ddd"></div>
<script language="JavaScript" type="text/javascript">
var isie = navigator.appName == "Microsoft Internet Explorer";
var d = document.getElementById("ddd");
var num = 0;

function fade(t)
{
if(d.style.display!='BLOCK')d.style.display='block';
t == "in" ? num+=5 : num-=5;if(num<0||num>100){if(num<0)d.style.display='none';return;}isie ? d.style.filter="alpha(opacity="+num+");" : d.style.opacity=num/100;
clearTimeout(window.timer);
window.timer = setTimeout("fade('"+t+"');",50);
}
</script>
<br>
<br>
<input type="button" name="Submit" value="fadeIn" onClick="fade('in');">
<input type="button" name="Submit2" value="fadeOut" onClick="fade('out');">
</body>
</html>