javascript - jQuery缩放功能不起作用

Question

我有一些代码应该使图像变小直到它从屏幕上消失。如果我有图像，div它将无法正常工作。如果我把它拿出来，div它会很好用。

但是我需要它在div. 我怎样才能解决这个问题？

img如果不在 a 中，则代码可以正常工作div，但是当它出现时，它就搞砸了。

setTimeout(function(){
    $("#thrid").show('fast').animate({
    top : '-=-300',
    width: 0,
    height: 0
        },
        {duration: 1000});
},2000);

CSS：

#thrid{
    display:none;
    position:absolute;
    left: 592px;
    top: 160px;
}

HTML：

<div id="thrid">
    <img src="images/thrid.png" alt="thrid">
</div>

这就是它的作用：http div: //jsfiddle.net/xMV5Q/3/

这就是我想要它做的：http: //jsfiddle.net/xMV5Q/1/

Answer 1

尝试将 img 的宽度和高度设置为 100%：

#city2 img {
    height: 100%;
    width: 100%;
}

Answer 2

图像重新出现是因为 div 溢出仍然可见

#city2 {
  display: none;
  overflow: hidden;
  position: absolute;
}

Answer 3

我刚刚尝试了您的示例（http://jsfiddle.net/will_moore/g6fYT/），即使使用 div，它似乎对我来说也可以。

我猜你有一些与导致问题的 div 相关的样式。我看不到您的 -=-300 在做什么。你不是说'-=300'吗？