如何解决通过设置元素内容jQuery宽度上的animate
| 在设置元素的text()时是否有办法使宽度变化动画化? 说,我们有<a id=\"link\" href=\"#\">container/sub1/sub2</a>
然后通过编程将“ 1”更改为:
<a id=\"link\" href=\"#\">sub2</a>
通常,所说元素的宽度会立即变化,但是我要寻找的效果是其逐渐的动画缩小。
谢谢。
解决方法
您可以执行以下操作:
http://jsfiddle.net/HYZbA/
我基本上将
<a>
和overflow:hidden
包在一起。然后,当文本更改时,包装器将设置为ѭ5大小的动画。
注意:红色边框只是为了让您看到正在发生的事情。删除它以查看其作用。
, 我不确定您是否可以将文本动画化为另一个文本,但是我已经通过使用fadeOut()
然后设置文本然后使用fadeIn()
使文本再次出现来实现此效果。这将使文本逐渐出现变化。
, 我一直在寻找自己的解决方案,根据詹姆斯·蒙塔涅的回答,我想到了http://jsfiddle.net/HYZbA/33/,并结合了Albinoswordfish建议的fadeIn
/fadeOut
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。