js文字十秒后慢慢消失,ajax,javascript,jquery

JavaScript07

js文字十秒后慢慢消失,ajax,javascript,jquery,第1张

 这是jquery

 /**

 @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