我在对象标签中有一个SVG,我想使用jQuery的animate()对其进行动画处理,但似乎无法使其工作。我正在尝试将图像位置更改20%。我已经尝试在其他标签(例如IMG或DIV)上使用确切的动画,并且效果很好。我不想使用css()来做到这一点。有什么建议么?

的HTML

<object class="animation" id="picture" data="images/toy.svg"></object>


的CSS

.animation {
 display: block;
 position: absolute;
 top: 5%;
 left: 5%;
 width: 30%;
 height: 30%;
 opacity: 1;
}


的JavaScript

$(initPage);
function initPage(){
    $("#picture").animate({"top":"20%"}, "slow");
}

最佳答案

将对象添加到div并为div设置动画。

的HTML

<div class="animation" id="picture">
    <object data="http://t3.gstatic.com/images?q=tbn:ANd9GcRK-yM30mBX0HBwS0htU0MejWfxwabj4X3LhbG-sp8_JzsaxFnt"></object>
</div>


Demo

关于javascript - animate()无法用于对象标签,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24693900/

10-12 12:50
查看更多