带动画的jqueryaddclass
我有一个带有webkit动画的进度条:带动画的jqueryaddclass,jquery,Jquery,我有一个带有webkit动画的进度条: -webkit-animation: move 2s linear infinite !important; 我希望能够通过在类中添加动画来启动动画 .doit { -webkit-animation: move 2s linear infinite !important; } 这是我尝试使用的jQuery: $('#CurrentTierProgressOuterTop > span:af
-webkit-animation: move 2s linear infinite !important;
我希望能够通过在类中添加动画来启动动画
.doit {
-webkit-animation: move 2s linear infinite !important;
}
这是我尝试使用的jQuery:
$('#CurrentTierProgressOuterTop > span:after, .animate > span > span').addClass('doit');
CSS:
#CurrentTierProgressOuterTop > span:after, .animate > span > span {
background-image:
-webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)),
color-stop(.25, transparent), color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)),
color-stop(.75, transparent), to(transparent)
);
background-image:
-moz-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);
content: "";
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
将webkit片段放在上述CSS中可以完美地触发动画
HTML:
<div id = "CurrentTierProgressOuterTop" style="display: none;">
<div id = "CurrentTierProgressInnerTop" style ="width:0px;height:10px;float:left;background-color:white;font-size:0px;"> </div>
</div>
如果您有任何想法,我们将不胜感激,谢谢。您很可能希望:
switchClass
设置所有类更改的动画。它是jQuery UI的一部分。您很可能想要:
switchClass
设置所有类更改的动画。它是jQuery UI的一部分。您很可能想要:
switchClass
设置所有类更改的动画。它是jQuery UI的一部分。您很可能想要:
switchClass
设置所有类更改的动画。它是jQuery UI的一部分。您试图在伪元素上使用addClass()
$(#CurrentTierProgressOuterTop>span:after)
这是行不通的,因为伪元素不是DOM的一部分。
尝试更改目标元素。您正在尝试对伪元素使用addClass()
$(#CurrentTierProgressOuterTop>span:after)
这是行不通的,因为伪元素不是DOM的一部分。
尝试更改目标元素。您正在尝试对伪元素使用addClass()
$(#CurrentTierProgressOuterTop>span:after)
这是行不通的,因为伪元素不是DOM的一部分。
尝试更改目标元素。您正在尝试对伪元素使用addClass()
$(#CurrentTierProgressOuterTop>span:after)
这是行不通的,因为伪元素不是DOM的一部分。
尝试更改目标元素。是否有将该类老化为的HTML?是否有将该类老化为的HTML?是否有将该类老化为的HTML?是否有将该类老化为的HTML?是否有将该类老化为的HTML?