jQuery动画()
jQuery动画()
提问于 2010-10-02 22:59:19
function toggle()
{
$("#Layer4").animate( { width:"20%"}, 1000 );
$("#Layer6").animate( { width:"20%"}, 1000 );
}现在发生的事情是，Layer4和Layer6见证了一些动画，但有趣的是，高度发生了变化，而宽度没有变化。
同样，在一秒钟后，原始尺寸也会恢复。
为什么会发生这种情况？
--
<body onload="open()">
<div id="Layer4">
<img src="friend-line.jpg" width="243" height="380" />
</div>
<div id="Layer5" onClick="toggle()">
<img src="toggle_in.jpg" width="7" height="50" />
</div>
<div id="Layer6"></div>
</body>回答 3
Stack Overflow用户
发布于 2010-10-02 23:24:09
我不相信使用%会得到一致的结果。请尝试使用像素。如果您必须使用%，请确保您没有周围的div，宽度也是以%为单位设置的。我的猜测是事实就是这样。
Stack Overflow用户
发布于 2010-10-05 02:16:28
不能将div的大小减少到小于img标记的大小。如果你想要这样的行为，你需要用背景图像样式替换img标签。
Stack Overflow用户
发布于 2011-11-13 09:40:00
尝试调整图像大小，而不是它们的容器...
$('#Layer4 img').animate( { width:'20%'}, 1000 );
$('#Layer6 img').animate( { width:'20%'}, 1000 );更好的是，使用像素而不是百分比，正如前面所建议的那样。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3846252
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号