html渐隐的直线,Javascript实现div层渐隐效果的方法

本文实例讲述了Javascript实现div层渐隐效果的方法。分享给大家供大家参考。具体实现方法如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Test Alpha

#show {

background:#ffff66;

font-size:12px;

height:200px;

width:300px;

left:300px;

position:absolute;

text-align:center;

filter:alpha(opacity=0);

}

button

function fun(){

var div=document.getElementById('show');

div.style.opacity=1;

hidden(document.getElementById("show"),1,-0.01);

}

function hidden(o,i,s){

t=setInterval(function(){

i+=s;

o.style.opacity=i;

if(i<0)window.clearInterval(t);

},1);

};

希望本文所述对大家的javascript程序设计有所帮助。