人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTML作成でレイヤーが重なるとプルダウンメニューが消えるスクリプトを解説しているサイトを探しています。↓のサイトの「検索」にカーソルが乗ると、レイヤーが出ておすすめトピックのメニューが消える仕組みのスクリプトです。http://www.microsoft.com/japan/security/JavaScriptと、CSSかIFLAMEを使っているようなのですが・・・。

●質問者: maia
●カテゴリ:コンピュータ
✍キーワード:CSS HTML おすすめ カーソル サイト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● FEN
●70ポイント

http://allabout.co.jp/computer/javascript/closeup/CU20010305/ind...

クロスブラウザを制する Part 2 2-1 表示属性 visibility (2) - [JavaScript]All About

各オブジェクトにはvisibilityというプロパティがあります。これを’hidden’に設定することでそのオブジェクトを消すことが出来ます。(ただしあくまでもIEだけです)

上記のMicrosoftのような状態にするには、リンクにカーソルが乗っかった瞬間にセレクトボックスのプロパティを変更しているのでしょう。

基本的にJavaScriptだけで(プロパティに関するところはスタイルシートですが)実現が可能です。

◎質問者からの返答

セレクトボックスは特殊で、WinIEのみは親と別ウインドウとして処理をされているようです。

visibilityも一度試してはみたのですが、もう一度やってみたいと思います。ありがとうございます。


2 ● FEN
●0ポイント

http://homepage3.nifty.com/uran/hpb_js/hso/hso_0e.htm

ちなみにサブメニューを出すのもイメージとしては同じです。サブメニューを隠しておいて、指定の場所にカードルが乗ったときに、そのメニューを表示するわけです。

説明が足りませんでしたが、つまりMicrosoftのサイトでは、リンクにカーソルが乗ったときに、サブメニューを出す処理とセレクトボックスを消す処理をしているわけです。

◎質問者からの返答

> セレクトボックスを消す処理をしているわけです。

現在、この方法を探しています。

セレクトボックス自体が消えるのではなく、セレクトボックスをレイヤの中に格納して、そのレイヤーを消す処理を行っているのですね。

現状では一応これが一番適当のようなのでこれで試してみたいと思います。

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ