• ベストアンサー

マウスを当てたらメニューが出るスクリプト

マウスを当てたときに下にメニューが出てきて、メニューがリンクになっている場合のスクリプトなどを勉強したいのですが教えていただけないでしょうか? また、サンプルのホームページなどを探しているのですが見つかりません。 どうか教えていただけないでしょうか? お願いします。

  • aeic
  • お礼率10% (60/582)

質問者が選んだベストアンサー

  • ベストアンサー
  • HUTABA
  • ベストアンサー率27% (436/1611)
回答No.1

参考URLのサンプルを改造すればできると思いますよ。

参考URL:
http://www.geocities.co.jp/SiliconValley-Oakland/1132/java3/drag3.html
aeic
質問者

お礼

本当にありがとうございます。 とても参考になりました。

関連するQ&A

  • マウスオーバーしたら、メニュー帯の下に、文字のメニューを出したいです

    こんにちは。 いつもお世話になっております。 今HPで、ページの上の方に、メニュー文字が帯になって横に並んだ ページがあるのですが、リンクコンテンツが増えてきたので、 メニュー帯の中の文字にマウスが乗っかったら 帯の下に、コンテンツの文字が浮き出る奴をしたいと 思って、ジャバスクリプトのサンプルページなどを さすらっているのですが、見つからないのです。 参考サイトさんや、参考になりそうな書籍をご存知の 方いらっしゃいましたら、どうか教えていただけない でしょうか・・・。 よろしくお願いいたします。

  • マウスを乗せるとツリー式にリンクが表示されるscript

    microsoftのホームページのメニューのように文字の上にマウスを乗せると、その下にいくつかリンクが表示されるスクリプトを探しているのですが、なかなか見つかりません。 microsoftのソースを頑張ってアレンジしてもいいのですが、NNでも見れるかどうかが心配です。 どなたか知っている方がいらっしゃったら教えて欲しいです。 ↓microsoftのHP http://www.microsoft.com/japan/ms.htm

  • マウスが乗ったときに

    マウスを乗せたときに、いろいろなメニューが出てくるようなスクリプトが欲しいのですが、サンプル探しても見つからなくて困っています。 どなたか教えてください。またよいサンプルがあれば 教えてください。

  • Action Script3.0でプルダウンメー

    Flash勉強中4週目の初心者です。 Action Script3.0でプルダウンメニュー(ポップアップメニュー)を作りたいのですが、詳しい方がいましたら教えてください。 フラッシュで動画を作り、最後にアイコンが並ぶようにしました。アイコンをマウスオーバーでプルダウンメニューがでて、それぞれのカテゴリーにリンクをさせたいのですが、WEBで調べてもAction Script3.0でつくるプルダウンメニューがあまりなく、行き詰っています。 どなたかAS3.0のスクリプトが、初心者にも分かりやすく出ているサイト、もしくはサンプルスクリプトなどがありましたら教えて下さい。設置の仕方等、全くわかりませんので、詳しく知りたいのです。 独学でマニュアルをもとに勉強しています。自分ひとりではやはり限界がありますので、悩んでいます。よろしくお願い致します。

    • ベストアンサー
    • Flash
  • Java Scriptのプルダウンメニューについて

    WindowsのInternet Explorer 4.0、 Netscape Navigator 4.7以上、を対象としたホームページを作成しています。 この中でプルダウンメニューを使うことを考えていますが、Java Scriptをオフにしても全サイトきちんと見れるようにしたいです。 つまりオフにしてもメニューが出る、もしくはメインのメニューからリンクが張られていてプルダウンからはリンクできなくてもプルダウンメニューと同じ項目のあるインデックスのページに飛べるような。 そんなことは出来るのでしょうか? 例えば、http://www.omron.co.jp/ir/index.html のサイトでJava Scriptをオフにした時はプルダウンが無い状態になり少なくともメインメニューからは目的のコンテンツにたどり着けるような。 ちなみに、http://www.omron.co.jp/ir/index.htmlのサイトをJava Scriptをオフにした状態で閲覧してもきちんと見ることが出来たのは何でだろ~??? どうかよろしくお願い致します。

  • マウスオーバーのメニューについて

    お世話になります。 現在、オンマウスでメニュー画像が表示される仕組みを作成しているのですが、別のメニューにする方法がわかりません。 たとえば、「MAIN」と「LINK」のメニューがあるとして、MAINはMAINのメニュー、LINKはLINKのメニューが表示されるという方法です。 http://memorva.jp/memo/html/js_css_menu_mover.php 上記のURLの方法なのですが。 この場合、cssの数値を変えて(css12ならcss13)スクリプトを追加すればいいのでしょうが、その方法でやっても、同じ画像が表示されます。 (css13のスクリプトを新しく書き加えたのにブラウザでプレビューするとcss12の内容が表示されてしまいます。) ↓HEAD内のCSS設定部分は下記のように分割して書いてます <script language="javascript"> <!-- function mOver(){ css12.style.display = "block"; } function mOut(){ css12.style.display = "none"; } //--> </script> <script language="javascript"> <!-- function mOver(){ css13.style.display = "block"; } function mOut(){ css13.style.display = "none"; } //--> </script> よろしくお願い致します。

    • ベストアンサー
    • HTML
  • マウスを乗せるとメニュー表示

    フレームを使ったメニューで、マウスを乗せるとサブメニューが出ると言うスクリプトを探しています。 いくつか見つけることが出来たのですが、メニューの位置が絶対位置指定で直すのが難しく。。。 フレームに画像でメニュー、マウスを乗せるとサブメニューが出て、離すと消える、と。 サブメニューの位置は、マウスの位置によって変わるんではなく、メニューの位置に対してどの位置に表示される、と言うのが望ましいです。メニューからにゅっとサブメニューが現れると言うか…(マウスを乗せるたびにアチコチ変な位置に出るのはうっとおしいかと思うので) 説明が下手で判りづらいかもしれませんが、宜しくお願いします。 IE、ネスケ等にちゃんと対応してくれてるとありがたいです(って言うかぢゃないと困るカモ。。。)

  • 階層化されたメニューの作り方

    いつも助けていただきありがとうございます。 あまりに抽象的過ぎるのですが、こんな感じのメニューを作りたいのですが、どのような記述になるのでしょうか?? (1)まず、横5行、縦5列の表があるとします。 横をA~E、縦を1~5として、最初にA1の部分に「START」のような文字があり、マウスが乗っかっていないときには透明度20%ぐらいで存在します。 (2)ここにマウスを乗せると(on mouse)透明度が0%になり、1列目にB~Eまでメニューが現れます。 (3)この現れたメニューは透明度50%ぐらいで、マウスを乗せると(たとえばB1のメニューに乗せると)これも透明度が0%になり、B2~B5までコンテンツメニューが開き、これらも透明化されています。 (4)この透明化されたものにマウスを乗せると、それぞれマウスを乗せたものが乗せたときに透明度0%に戻り、クリックをすることでそれぞれのリンク先に飛ぶことができます。 ただの縦方向への展開・階層化されたメニューの作り方はなんとなくわかるのですが(某HPで使ってる方がいたのでサンプルを頂きました)、今回のように、一度横に展開し、それぞれがまた縦方向に展開、リンクが出現するというメニューの作り方がまったくわかりませんでした。 ちなみに、参考にしたサイトはこちらです。 http://www.calm-web.com/lecture/script/h_script/index.html ここでは、いわゆるツリー型っていうものだと思うのですが、私の望む形にするにはどのようにすればよいでしょうか?? どうぞ、ご教授のほどよろしくお願いします。

  • マウス追従スクリプトについて

    マウスポインタを追いかけるスクリプトを使ったのですが・・・ 画像は表示されきちんとマウスを追いかける星も出ました。(スクリプト自体は借り物なので何もいじっていません。画像を変えたくらいです。) でもその他に貼り付けている画像の所にくるとその下にいっているのか 隠れて出てきません。 どうやったら解決するのでしょうか?

  • FLASH ロールオーバーでプルダウンメニュー

    FLASHを勉強中3週目です。 アイコンにマウス、(マウスオーバー)を置くと、ロールオーバーでプルダウンメニューが出るようにし、そのメニューからそれぞれのURLにリンクようなサイトを考えています。 下記のChapter11 メニュー・フォーム:11-01 ロールオーバーでプルダウンメニューを表示を参考にしています。 http://book.mycom.co.jp/support/e5/actionscript10/ 画像を作成しするところまでなんとか出来ましたが、スクリプトがわかりません。 上記のサイトでは onClipEvent (load) { this.Stop(); } onClipEvent (enterFrame) { hitTop = this.hitTest(_root._xmouse, _root._ymouse, true); if (hitTop) { this.gotoAndStop("on"); } else { this.gotoAndStop("off"); } } と書かれていますが、urlにリンクをするまでの説明がありません。 初心者用のFLASHのマニュアルを2冊ほど買って勉強していますが、上記のようなスクリプトが載っていないので、WEBで調べながら勉強をしています。 プルダウンメニューのスクリプトで、リンクまでを説明しているサイトがあれば、ご教授ください。 どうぞよろしくお願いします。

専門家に質問してみよう