0

この特性を持つコードをセットアップしました。

  1. ナビゲーション アイテム - テキスト - は、いくつかの Div の背後に隠されています。それらをナビゲーション Div と呼びます。

  2. マウスがいくつかのピクセル - ナビゲーション Divs - の上に移動すると、それらがこの背後にあるテキストが左右にスライドし、場合によっては animate() メソッドで上下に約 15 ピクセル移動するものもあります...

  3. マウスが別の Div に移動すると、次のアクションのために他のテキストが最初の位置にリセットされます。

    $(document).on('mouseover', '.pixel#p18', function(){
       $('.submenus').not("this Div's TEXT").fadeOut('fast').removeAttr('style');
    });/* this Div's Text is for Example*/
    

そして、私はすべてのナビゲーションテキストにこの種を書きました..

今私の問題は:

  1. ナビゲーション Div の 1 つにマウスを合わせると、アニメーション化されていないテキストの一部が removeAttr('style')!!! のために表示されるようになります!!! しかし、私はそれを望んでいません...

  2. オプションの move の値を使用して、テキストまたはその他の要素を左右上下にスライドさせる別の方法はありますか? たとえば、左に 23 ピクセル、上に 17 ピクセルなど... etc???- 私はスライドアップとダウンとトグルに精通していますが、それらが私のコードに十分であるかどうかはわかりません...

  3. これについて何か良いアイデアはありますか?

  4. 最後の質問は、なぜ私のコードの実行が非常に遅いのですか? 私が書いたアニメーションには時々問題があり、問題がセレクターまたはその他のものであるかどうかはわかりません。

4

1 に答える 1