jquery - 有没有一种方法可以使具有百分比值的 div 动画化？

<分区>

我有一个包含 10 个内联图像的 div。在图像加载时，我想给 div 赋予动画效果。我想以 % 为单位增加它们的大小。我的 CSS 代码中没有定义高度。如何制作动画。

fiddle http://jsfiddle.net/simmi_simmi123/Pukjw/5/

HTML 页面:

  <body style="background-image:url('img2/Mesh2.png');background-repeat:no-repeat; background-size: cover;">
            <h1>iFlow</h1>


            <div id="container">
            <div id="center" class="column" style="  background-color: gray; opacity: .80; -moz-opacity: 0.80;height:100% ">        



            <!-- This is all the XHTML ImageFlow needs -->
            <div id="myImageFlow" class="imageflow" >


                <img  />
                <img  />
            </div>

       </div>

       </div>


        </body>

CSS:

.imageflow {
        overflow: hidden;
        position: relative;
        text-align: left;
        visibility: hidden;
        width: 100%;

    }
.imageflow img {
    border: none;
    position: absolute;
    top: 0px;
    visibility: hidden;
    -ms-interpolation-mode: bicubic;

}

最佳答案

只需引用相同的 SO 答案 jQuery animate and property values in percentage仅供引用 http://bugs.jquery.com/ticket/10669会有帮助。

关于jquery - 有没有一种方法可以使具有百分比值的 div 动画化？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16520462/

上一篇：c# - 使用javascript启用文本框

下一篇：html - Firefox 不正确地呈现 CSS(间距不同)

相关文章：

html - 使用 z-index 在父 div 后面创建子 div？

html - css margin : auto issue in footer

asp.net - 如何使用 jQuery 设置表格单元格的背景颜色

jquery hasclass 用于多标签

javascript - 谷歌地图 - 多边形编辑 - 标记顶点

html - 奇怪的 CSS :after pseudoselector issue in Chrome alone

javascript - Jquery 禁用 mousedown 事件而不丢失与事件关联的函数

javascript - 末尾带有货币符号的 HTML5 数字输入字段

javascript - 在 <option> 标签内添加 span 并设置样式

html - 2x col-xs-6 进入新行而不是共享行