2011-11-02 58 views
-1

这是我的代码。最初Div的颜色是黑色的我希望它在div完全向右滑动之后被改变,但是当我点击go按钮时它会立即改变。解决方案请...如何在第一次转换后更改div的颜色

$("#go").click(function() { 
    $("#subdiv").animate({ "left": "+=75%" }, 1500); 
    $('#subdiv').css("background-color", "#293955"); 
    $("#subdiv").animate({ "left": "-=75%" }, 1500); 

} 
); 

回答

2

使用了该操纵元素的动画回调的动画结束后,才:

$("#go").click(function() { 
    $("#subdiv").animate({ "left": "+=75%" }, 1500,function(){ 
     $('#subdiv') 
      .css("background-color", "#293955") 
      .animate({ "left": "-=75%" }, 1500); 
     } 
    ); 
} 
+0

谢谢....我一直在寻找这种解决方案....另一件事,当它动画到右侧水平滚动条也增加以及有什么办法,使滚动条不受影响通过此动画功能? –

+0

当您为元素设置动画时,您将增加75%的“左”缩进。如果它超出了容器的边界,容器将添加一个滚动条。你可以通过在容器上放置这个css声明来覆盖这个默认行为:'overflow:hidden'。 –

+0

非常感谢....我解决了我的问题... –

相关问题