/**
@comment item 为匹配的标签的jquery对象,t表示剩余时间
实现功能为10秒内,渐渐消失
@author tsotsi
@date 2014/07/06
*/
function tsotsi(item,t){
if(t>=0){
item.css({
filter:'alpha(opacity='+10*t+')', /* ie 有效*/
'-moz-opacity':0.1*t, /* Firefox 有效*/
opacity: 0.1*t /* 通用,其他浏览器 有效*/
})
setTimeout(tsotsi,500,item,t-0.5)
}
}
tsotsi($('#ll'),10)
考虑兼容和易用性建议用jquery,但也可以用原生的如下:function hide(el,offset){
var opacity=el.style.opacity||1
setTimeout(function(){
el.style.opacity=String(parseFloat(opacity)-offset)
parseFloat(el.style.opacity)>0&&hide(el,offset)
}, 17)
}
其中参数el表示需要隐藏的元素,offset表示每一帧减少的opacity,例如0.01