首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery从左到右缩小宽度

jQuery从左到右缩小宽度
EN

Stack Overflow用户
提问于 2012-05-17 11:08:21
回答 4查看 1.5K关注 0票数 1

你好,我有一个宽度为500 of的DIV。

我试图将动画的宽度从500 0px缩小到0 0px,并从0 0px再缩小到500 0px。

只有一个问题,即从右到左开始减少DIV。

我要的是相反的东西。

从一开始,宽度将从左到右缩小和动画化,然后从右到左从0 0px增加到500 0px。

我怎样才能用jQuery做这件事?

谢谢你的帮助

编辑的

代码语言:javascript
运行
复制
function animateText(px) {
  $('#slidetext').animate({
   'width' : px
  });
 }
EN

回答 4

Stack Overflow用户

发布于 2012-05-17 11:19:41

这是可能的,但您需要使用position: absolute,请参阅我的Fiddle 这里

代码语言:javascript
运行
复制
function animateText(px) {
    $('#slidetext').animate({
       left: $("#slidetext").width(),
       width: px
    });
}
票数 1
EN

Stack Overflow用户

发布于 2012-05-17 11:19:44

你想要这么做吗

jsFiddle

代码语言:javascript
运行
复制
$("#div2").animate({
          'width':'50%',
          'left':'49%'
},1000);​
票数 0
EN

Stack Overflow用户

发布于 2012-05-17 11:20:12

参见以下示例:http://jsfiddle.net/TC9Mn/

这样做的目的是用position: relative将元素封装在容器中,并将元素赋值给要为position: absoluteright: 0动画的元素。

这样,宽度从左到右变化。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10634559

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档