Javascriptの質問です。


マウスオーバーすると上から下に画像をスライドさせたいのです。マウスアウトしたら元に戻るという仕組みです。

ちなみに画像はブラウザの一番上から出したく、マウスオーバーさせていない状態では見えてないという仕組みで、画像を下にスライドさせた時は下にある画像と重なりますので、レイヤーを一番上にしてください。

※できる限り全ブラウザ対応のものを希望します。

ここにあるよというURLがあれば、それでも構いません。よろしくお願いいたします。

回答の条件
  • 1人2回まで
  • 登録:2006/08/24 15:14:31
  • 終了:2006/08/25 13:03:46

回答(1件)

id:zussy No.1

zussy回答回数30ベストアンサー獲得回数12006/08/24 15:48:06

ポイント60pt

うさのJavaScript講座

http://www.usagi-js.com/

のサンプル集8レイヤー属性のサンプル24を応用すれば出来るかと思われます。

今は関数が初期化と実行の二つですが、

初期化、スタート、実行の3つに増やして、

onloadで初期化。

onmouseoverでスタート。

スタートから実行を呼び出す。

onmouseoutで初期化。

後は、

z-indexを調整して手前に。

スクロールのストップ地点の変更。

スクロール速度の変更。

この辺りをすればokだと思います。

id:yachinori

ご返答ありがとございます。

あと、ひとつご教授いただきたいことがあります。教えていただきましたサンプルを利用して作成しているのですが、親要素のブロックをabsoluteとしてスクロールさせるにはどうすればよろしいのでしょうか。解像度を変えても位置がずれないように相対指定でいきたいと思っています。

それを横に4つ並べて、それぞれマウスオーバーさせるとY座標の位置は画像の横幅分ずれて上からスクロールしてくるという仕様です。

よろしくお願いいたします。

2006/08/25 09:39:30

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません