-1

私はここで誤解されていると思うので、質問を言い換えます。
問題：メニューに「カーソルを合わせる」と、クラス「問題」のある黒いスパンがマウスの後に続きますが、正しく計算するかどうかわからないため、位置が乱れます:(
メニューにカーソルを合わせて問題を確認してください。 これを理解するために2日間試みましたが、成功しませんでした...

ここでフィドル

これが私のサイトのリンクです。

何か助けや提案はありますか？ 

$(document).ready(function(){
    $('.menu ul li').hover(function(){
        var index=$(this).index();
        var width=$(this).outerWidth();        
        $('.problem').stop().animate({'marginLeft':135*index+195,'width':width},1000);     
    });
});
4

2 に答える 2

1

メニューdivのCSSを次のように設定します。

width://insert wanted width here
margin:auto;

固定幅と自動マージンを使用すると、CSSはdivを中央に配置します。

于 2012-05-17T20:51:51.167 に答える
0

.menuこのようにスタイルを更新することから始めます：

float: none;
width: 715px;
height: 30px;
display: block;
position: relative;
margin: 9px auto;

次に、アクティブな要素をその背後に移動する必要があります。これは、ネガティブを適用することで実行できます。top-margin

于 2012-05-17T20:54:31.917 に答える