我在对象标签中有一个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/