var transitionInitial = {property: "none"};
var rules = ["color", "background-color"];
var transitions = [];
for ( var k = 0; k < rules.length; k++)
{
transitions[k] = transitionInitial;
transitions[k].property = rules[k];
alert(transitions[0].property);
}?
Run Code Online (Sandbox Code Playgroud)
为什么在第二次迭代过渡[0] .property等于"背景颜色"?
这是我的例子:http: //jsfiddle.net/UuD8s/5/
$("#transition")
.delay(5000)
.animate({ width: "400px" }, { duration: 1000, queue: true });
$("#transition")
.delay(2000)
.animate({ left: "100px" }, { duration: 1000, queue: true });?
Run Code Online (Sandbox Code Playgroud)
我希望在页面启动后延迟我的第二个动画开始,延迟时间为2秒.问题是它是在第一个动画之后开始的.如果queue设置false为没有任何延迟.
如何在页面启动后2秒延迟动画?
在javascript中,我们有具有静态对象数的数组.
objectArray = [{}, {}, {}];
Run Code Online (Sandbox Code Playgroud)
有人可以向我解释我怎样才能使这个数字变得动态?
#div {
position: absolute; top: 50px;
width: 100px; height: 100px; background: blue;
-webkit-animation-name: shift;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count: 2;
-webkit-animation-direction: reverse;
}
@-webkit-keyframes shift{
from{
top: 50px;
left: 0px;
}
20% {
top: 150px;
left: 100px;
}
to {
top: 400px;
left: 300px;
}
}
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/uVv65/2/ 为什么反向动画方向与正常相同?我以为它会来自
top: 400px;
left: 300px;
Run Code Online (Sandbox Code Playgroud)
至
top: 50px;
left: 0px;
Run Code Online (Sandbox Code Playgroud)