JQuery动画反方向延伸
Jquery的动画效果都是从左到右,从上到下延伸的。如果要实现反方向延伸呢?
以下代码实现动画从右到左延伸,读者可以举一反三实现从下往上延伸的动画。
CSS:
#bar { margin-left: 100px; height: 10px; width: 0; background: red; }jQuery
$('#bar').animate({ marginLeft: 0, width: 100 });
Jquery的动画效果都是从左到右,从上到下延伸的。如果要实现反方向延伸呢?
以下代码实现动画从右到左延伸,读者可以举一反三实现从下往上延伸的动画。
CSS:
#bar { margin-left: 100px; height: 10px; width: 0; background: red; }jQuery
$('#bar').animate({ marginLeft: 0, width: 100 });