0

我只希望反弹效果出现在主页上 #bounce1,2,3... 图像的鼠标悬停上，但它似乎将图像强制到下一行。

是什么赋予了？

http://jameshiggins.ca/nlms/

4

4 回答 4

1

无需 JavaScript 和 jQuery，仅使用 CSS3 即可实现相同的效果。用于@keyframes定义关键帧，然后在animation属性中使用。这是关于您的示例的JSFiddle 演示。
有关animationCSS3 属性的更多信息，请查看此 URL。

于 2013-06-27T13:45:34.397 回答
0

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

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

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

于 2013-06-27T01:36:08.830 回答
0

尝试添加此 css 并width="33%"从img标签中删除？

.attachment-medium {
    position:relative;
    width:235px;
    height:100px;
}
于 2013-06-27T04:08:34.520 回答
0

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

于 2013-06-27T03:56:27.530 回答