0

ユーザーがヘッダーにカーソルを合わせるたびに、この木製バナーをヘッダーの後ろから「落下」させたいと思います。

ここに画像の説明を入力してください ここに画像の説明を入力してください

私はそれを行う方法の少なくとも例をウェブ全体で検索しました。何も見つかりませんでした。ページの下部にオブジェクトをドロップするGoogleGravityと呼ばれるものがあることを私は知っています。たぶんそれだけですが、コードの長さに応じてバナーを落としたいだけです。どうやって取り組むのかわからないので、今は何も試していません。確かにいくつかのjavascriptが進行中です。誰か私に手を貸してくれませんか。

4

1 に答える 1

1

JQueryのanimateまたはslideDownを確認してください。

JQueryは、このタスクを簡単に実行できるはずのjavascriptライブラリであり、比較的理解しやすいものです。

たとえば、画像のIDが、のdrop場合、次のように実行できます。

CSSで、＃dropセレクターをdisplay：none;に設定します。見えないようにする：

#drop { display:none }

JQueryでは、同じセレクターを使用して、特定のイベント（クリック、カウントダウン、マウスオーバーなど）の後にドロップダウンさせることができます。これは、idを使用したバナーのマウスオーバーの例ですbanner。

$('#banner').mouseover(function(){
  $('#drop').slideDown();
});

HTMLの下部にスクリプトタグを使用してJQueryを追加できます。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
于 2012-12-28T06:50:04.093 に答える