爲什麼我的圖像從Jquery彈跳效果中移動？

Question

我只是想將反彈效果放在主頁上＃bounce1,2,3 ...圖像的混沌中，但它似乎強制圖像到下一行。

是什麼給出的？

http://jameshiggins.ca/nlms/

Answer 1

你要添加到您的樣式表。

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

是jQuery的UI在它的動畫使用ui效果的包裝DIV有時可以搞砸了浮動元素。這是因爲它的CSS規則包括寬度：100％;和float：none;

Answer 2

使用元素檢查器，將float:left;應用於每個圖像使其具有所需的動畫效果。我會將它應用到類attachment-medium，如果您不在別處使用它來節省代碼

Answer 3

嘗試添加此css並從img刪除width="33%"標記？

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

Answer 4

如果沒有JavaScript和jQuery，只使用CSS3就可以達到同樣的效果。使用@keyframes來定義關鍵幀，然後在animation屬性中使用它。 以下是關於您的示例的JSFiddle demo。
有關CSS3的animation屬性的更多信息，請檢查this URL。