带延迟的淡出类w/jQuery
我有以下两个功能。检查一个类,如果没有找到,则删除另一个类。第二个函数延迟执行第一个函数。两者都很好,但我不想突然取消某个类,而是希望它逐渐消失。这是我到目前为止所拥有的。需要淡出。txtcc带延迟的淡出类w/jQuery,jquery,Jquery,我有以下两个功能。检查一个类,如果没有找到,则删除另一个类。第二个函数延迟执行第一个函数。两者都很好,但我不想突然取消某个类,而是希望它逐渐消失。这是我到目前为止所拥有的。需要淡出。txtcc function noExpand() { exp = $("#prT span.ui-icon-triangle-1-s").size(); if (exp == 0) { $("#prT td.txtCCC").removeClass("txtCCC"); } }
function noExpand() {
exp = $("#prT span.ui-icon-triangle-1-s").size();
if (exp == 0) {
$("#prT td.txtCCC").removeClass("txtCCC");
}
}
$("#prT span.btn").bind("click",function() {
window.setTimeout(function(){
noExpand(); //execute load function
},1000);
});
似乎无法集成淡出…您无法“淡出”类。它要么存在,要么不存在。但是,您可以为特定的数字CSS属性设置动画。看看,或者。我不知道txtCCC类应用了什么特定的样式,我不能说得更具体。你不能“淡出”一个类。它要么存在,要么不存在。但是,您可以为特定的数字CSS属性设置动画。看看,或者。由于不知道类所应用的特定样式,我不能说得更具体。属性上的类是全有或全无的,您不能有中间步骤(淡入淡出行为需要这些步骤)
要做到这一点,您必须将
txtcc
应用于元素的各种样式作为内联样式,删除类,然后使用animate
使这些样式慢慢转换为不带类的元素的匹配值。至少可以说是非常重要的,特别是如果它包含颜色之类的东西(jQuery默认情况下不会设置动画,尽管有插件)。属性上的类是全有或全无的,您不能有中间步骤(淡入淡出行为需要这些步骤)
要做到这一点,您必须将
txtcc
应用于元素的各种样式作为内联样式,删除类,然后使用animate
使这些样式慢慢转换为不带类的元素的匹配值。至少可以说,这是非常重要的,尤其是如果它包含颜色之类的(jQuery默认情况下不会设置动画,尽管有插件)。当然,可以设置addClass
、toggleClass
和removeClass
的动画。但是你需要jQueryUI
当然,可以设置
addClass
、toggleClass
和removeClass
的动画。但是你需要jQueryUI
在jQuery中,没有办法交叉减弱类的效果。您需要使用
.fadeOut()
或.animate()
但是,您可以使用CSS3转换淡入类的效果:
看这把小提琴:
不过,这只适用于现代浏览器。在jQuery中,无法交叉减弱类的效果。您需要使用
.fadeOut()
或.animate()
但是,您可以使用CSS3转换淡入类的效果:
看这把小提琴:
不过,这只适用于现代浏览器。太好了,我实际上使用jQuery UI来实现其他功能。谢谢你指出这一点。太好了,我实际上使用jQueryUI做了一些其他的事情。谢谢你指出这一点。是的,我等不及CSS3最终成为一个新标准了。不幸的是IE仍然不能很好地支持它。我尽可能地使用CSS。是的,我等不及CSS3最终成为新标准了。不幸的是IE仍然不能很好地支持它。我尽可能地使用CSS。
$("#prT td.txtCCC").removeClass("txtCCC", 1000);