Question

我有一个色块，每次按下它都希望它缩小。

$('#blue').click(function(){
    $(this).animate({width: '90%'},1000);
});

但它走右边。如何让它在左侧缩小？

CSS：

#blue{
height:250px;
width:500px;
background-color:blue;

}

HTML：

<div id='blue'></div>

Answer 1

您可以float: right父级内的#blue元素（如果需要，您可以在其上应用某种浮动清除）。

或者只是将position: absolute和right : 0;分配给#blue元素，在position: relative;的父级内

Answer 2

使用

#blue {
float: right;
}

或者更改父级的CSS和#blue

#blue's_parent {
text-align: right;

}

#blue {
display: inline-block;

}

Answer 3

尝试以下代码

<div id='blue'>
</div>

#blue{
  height:250px;
  width:500px;
  background-color:blue;

}

$('#blue').click(function() {
$(this).animate({
    "width": "-=50px"

}, 1000);

}）;

在Bin http://codebins.com/codes/home/4ldqpca

上尝试此操作

jQuery为元素的左侧设置动画

3 个答案: