jQuery - 在不改变对象在屏幕上的位置的情况下弹跳效果

Question

不确定是否需要我的html和/或css才能找到问题，但我一直在调用图像上的反弹效果，并且在反弹之前/期间完全改变了它们在屏幕上的位置。不知道为什么会这样？我有：

$('img').click(function() {
        $(this).effect('bounce', {times:3}, 300);
});

将图像放在其他div（包括输入）的右侧，并跳转到屏幕底部中间以便弹跳

编辑：这是jsFiddle：http://jsfiddle.net/ep6wG/1/（图像应该反弹）

Answer 1

检查此演示http://jsfiddle.net/yeyene/nmy3V/

你可以像这样设置css。

#content {
    float:left;
    width:100%;
    margin:100px 0 0 0;
    background:red;
}
#content img {
    position:absolute;
    width:100px;
    height:120px;
}
#content input {
    float:left;
    margin:50px 0 0 120px;
}
#content div {
    float:left;
    margin:100px 0 0 10px;
}