给addClass / removeClass提供持续时间

时间:2012-05-12 19:03:42

标签: javascript jquery css css3 css-transitions

我正在尝试设置一些相同类的add / removeClass函数,具体取决于发生的情况。它可以工作,但问题是一个(绑定到loadstart的函数)需要一个不同于其他两个长度的持续时间,所以放transition-duration不起作用。

我四处寻找方法,但他们没有工作。

css是

#MyT{
    height:786px;
    width:1024px;
    position:absolute;
    z-index:2;
    transition: opacity 1.0s linear;
    -webkit-transition: opacity 1s linear;
    margin-left:-8px; 
    margin-top:-16px;
}
.clear {
    opacity: 0;
}

,脚本是

 $('#myVid').bind("ended", function(){  
      $('#MyT').removeClass('clear');
    });



 $('#myVid').bind("loadstart", function(){          
      $('#MyT').removeClass('clear');
    });



 $('#myVid').bind("playing", function(){  
      $('#MyT').addClass('clear');
    });
我可以得到一些帮助吗?

1 个答案:

答案 0 :(得分:1)

**编辑:

尝试类似:setTimeout("$('#MyT').removeClass('clear')", 500);

。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。

jQuery的延迟功能可能对此有所帮助。

此处有更多详情:http://api.jquery.com/delay/

相关问题