0

こんにちは私のhtmlドキュメントでjQuery関数を呼び出しています。jQuery呼び出しの機能は、ヘッダースライダーバーを切り替えることです。

これはjQuery呼び出しとの完全なリンクです：

<img src="http://www.wpinsite.com/wp-content/themes/wpinsite/gfx/down.png" onclick="jQuery('#wpqn_down').slideUp(function(){jQuery('#wpqn').slideDown();});" alt="" />

私がやりたいのは、別のjQuery呼び出しも追加することですが、それを配置するコードの一部についてはよくわかりません。これは、上記のクリックイベントに追加したいコードです。

$("body").animate({marginTop: "40px"}, 500 );

つまり、一言で言えば、クリックまたはトグルするたびに2つの音が鳴ります。最初のクリックで、クリックイベントでヘッダーバーを切り替えたり非表示にしたり、「本体」のマージントップを-40px縮小したり、2回目のクリックでヘッダーバーを表示したり、「 body "margin-top by 40px;

私のウェブサイトhttp://www.wpinsite.comにアクセスすると、私が達成しようとしていることの例を見ることができます 。ページの上部に黄色のヘッダーバーが表示されます。ページの読み込み時に、bodyタグを40px拡張するjQueryがあります。トグル矢印をクリックすると、ヘッダーバーは非表示になりますが、マージントップに-40pxは接触しません。

これが理にかなっていることを願っています。どんな助けでも大歓迎です。

4

1 に答える 1

1

img次のように、タグにIDまたはクラスを追加します。

<img class="downButton" src="http://www.wpinsite.com/wp-content/themes/wpinsite/gfx/down.png" alt="" />

次に、jQueryで次のようなことを行います。

jQuery('img.downButton').click(function(){
  jQuery('#wpqn_down').slideUp(function(){
    jQuery('#wpqn').slideDown();
  });
  $("body").animate({marginTop: "40px"}, 500 );
});
于 2011-07-26T23:52:49.697 に答える