0

バウンス効果を機能させるのに問題があります。animate（）は、アンカータグが比較的配置されている限り機能します。私はここで利用可能な私のサイトから私のcssとhtmlのすべてでjsfiddleを作りました：http： //jsfiddle.net/CRzFj/

http://jsfiddle.net/RGvjj/26/に似た結果を探してい ますが、私のcssスタイルの1つがバウンスを壊していると思います。どちらなのかわかりません。

編集実際に投稿し、jsfiddleで遊んだ直後にこれに対する答えを見つけました。スパンタグにposition：relativeとdisplay：blockを追加し、float：leftを削除する必要がありました。

.nav ul.primary-menu li a span {
    //float: left;
    height: 198px;
    line-height: 335px;
    text-align: center;
    width: 100px;
    // new code here
    display: block;
    position: relative;
}
4

1 に答える 1

0

スパンを追加するのを忘れたので、これを実行してください

$("#primary-menu-bar ul.menu li a span").hover(function() {
    $(this).effect("bounce", { times: 3 }, 300);
});
于 2011-08-19T22:41:09.083 に答える