jQuery 为元素的左侧设置动画

标签 jquery colors jquery-animate block

我有一个色 block ,每次我按下它时我都希望它缩小。

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

但它是从右侧走的。如何让它向左侧缩小?

CSS:

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

}

html:

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

最佳答案

您可以float: right父级中的#blue元素(如果需要,您可能希望在其上应用某种 float 清除)。

或者只是将 position:absoluteright : 0; 分配给 #blue 元素,位于具有 position:relative 的父元素内;

关于jQuery 为元素的左侧设置动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11292412/

相关文章:

javascript - jQuery 如果禁用此功能 - 则不起作用

javascript - 如何使用 geonames 服务 api 获取国家代码信息而不是 html5 位置对象

android - 自定义 CalendarView 以允许不同的日期显示

jQuery 动画向上

javascript - jQuery animate() 第二次没有正确设置高度动画

jquery - 如何解决mouseover和mouseout的响应能力

jquery - 如何在动态元素上绑定(bind)引导工具提示

javascript - 一次返回数组的 x 项

ios - swift2.3 中的推送 View Controller 中导航栏颜色变为黑色

matlab - Matlab 中的二维线渐变颜色