Question

我在一个对象标签中有一个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");
}

Answer 1

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

HTML

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

Demo

animate（）不适用于object标签

1 个答案: