为什么我的图像会从Jquery弹跳效果中移动?

时间:2013-06-27 01:18:44

标签: javascript jquery html css jquery-ui

我只想让弹跳效果出现在主页上#bounce1,2,3 ...图像的移动中,但似乎是强制图像到下一行。

是什么给了什么?

http://jameshiggins.ca/nlms/

4 个答案:

答案 0 :(得分:1)

只使用CSS3,您可以在没有JavaScript和jQuery的情况下实现相同的效果。使用@keyframes定义关键帧,然后在animation属性中使用它。 以下是有关您的示例的JSFiddle demo
有关CSS3的animation属性的详情,请查看this URL

答案 1 :(得分:0)

您需要将其添加到样式表中。

#fp_brands a .ui-effects-wrapper { 
float: left !important; 
width: 33% !important;
}

jquery-ui在其动画中使用的ui-effect-wrapper div有时会弄乱浮动元素。这是因为它的css规则包括宽度:100%;和float:none;

答案 2 :(得分:0)

使用元素检查器,将float:left;应用于每个图像,使其根据需要进行动画处理。如果您不在其他任何地方使用它来保存代码,我会将它应用于类attachment-medium

答案 3 :(得分:0)

尝试添加此css并从width="33%"代码中删除img

.attachment-medium {
    position:relative;
    width:235px;
    height:100px;
}