• ベストアンサー

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

N_A_Oの回答

  • N_A_O
  • ベストアンサー率66% (37/56)
回答No.1

下記参照 http://www.dynamicdrive.com/dynamicindex1/index.html の中の http://www.dynamicdrive.com/dynamicindex1/sm/index.htm following file をクリックで TOPMENU.ZIP をダウンロード 解凍される書類、menu.js、menucontext.js、sample.htm、参考書類、readme.txt 他にも有るから見てみたら。

sibazuke
質問者

お礼

NAO様。 レスありがとうございます。 すみません、出来れば日本語のところって ないでしょうか・・・。 readme.txtを、ウェブの翻訳機能を使って 翻訳してみたのですが、うまくいかなくて・・・。

関連するQ&A

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

    いつも助けていただきありがとうございます。 あまりに抽象的過ぎるのですが、こんな感じのメニューを作りたいのですが、どのような記述になるのでしょうか?? (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 ここでは、いわゆるツリー型っていうものだと思うのですが、私の望む形にするにはどのようにすればよいでしょうか?? どうぞ、ご教授のほどよろしくお願いします。

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

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

  • Javascriptのマウスオーバーについて

    Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考:http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか??(上記参考URLでたとえると、大きな画像1つと小さな画像4つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか??) もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。

  • マウスオーバーでリンク

    ・フレームページ.html ・メニューページ.html ・メインページ.html ・リンク先ページ.html 上記のようにページを用意しメニューページには画像を設置。 画像はイメージマップを使用し、マウスオーバーでメインページをリンク先ページにリンクし、マウスアウトでメインページに戻る、クリックでリンク先ページ。 というふうにしたいのです。 可能かどうかもわかりませんが、よろしくお願いします。

  • 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をオフにした状態で閲覧してもきちんと見ることが出来たのは何でだろ~??? どうかよろしくお願い致します。

  • マウスオーバーのプルダウンメニューについて

    すみません。まったくのしろうとです。教えてください。 会社のWebサイトをリニューアルしようとしていますが、メニューを折りたたみにしたいと考えています。ネットでmouseoverというJavaスクリプトでできるということまでは突き止めました。そしてサンプルも見つけたのですが、やりたいことと合致しなくて困っています。 <script language="JavaScript"><!-- vType = ["hidden","visible"]; function pdMenu(mName) { Menu = document.all[mName].style; Menu.visibility = vType[Menu.visibility.indexOf("hidden") + 1]; } // --></script> </head> <body> <IMG src="newimg/AdAge.gif" onmouseover="pdMenu('Menu1')"><br> <div id="Menu1" style="visibility:hidden" onMouseout="pdMenu('Menu1')"> <a href="http://www.openspc2.org/" >わっ!</a><br> <a href="http://www.impress.co.jp/">ぎゃっ!</a><br> <a href="http://game.gr.jp/" >しょえ~!</a><br> </div> </body> このスクリプトでは、newimg/AdAge.gifという画像の上にマウスをかざすと、言葉がプルダウンで出てきます。わたしがやりたいのは、この画像を単なるテキストに変えることです。HTMLエディタ上でイロイロやってみましたが、うまくいきません。この部分をテキストに変える方法を教えていただけないでしょうか? どうかよろしくお願いします。

  • マウスオーバーで画像を切り替えたい!

    みなさん,よろしくお願いします。 リンク文字にマウスを持ってきたときに, 画像を切り替えたいと思っています。 でも,リンク文字にマウスを持ってきたときに, 指の形に変わり”ピコピコ”動いてしまいます。 とても気になるので,”ピコピコ”動かないようにしたいのですが, どのようにすればよろしいのでしょうか? よろしくお願いします。 方法にはこだわりません,画像が切り替えれれば・・。 <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>Sample</title> <script language="JavaScript"><!-- function changeIframe(changeURL) { myFrame.location.href = jumpURL; } // --></script> </head> <body> <a href="No1.htm" onmousemove="changeIframe('Sample1.JPG')">こっちへ</a> <a href="No2.htm" onmousemove="changeIframe('Sample2.JPG')">あっちへ</a> <a href="No2.htm" onmousemove="changeIframe('Sample2.JPG')">そっちへ</a> <iframe src="First.html" name="myIFrame" width="320" height="240" scrolling="no" frameborder="0"></iframe> </body> </html>

  • マウスが乗ったときに

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

  • マウスを置くと出るメニュー

    マウスをメニューの上に置くとサブメニューを出すようにしたいのですが、 イマイチ方法がわかりません。 どこかに参考になるページはありませんでしょうか? BIGLOBEのトップメニューの様なのを想像しています。 (「ニュース・天気・占い」の上にマウスを置くと関連メニューが出てきます) http://www.biglobe.ne.jp/

    • ベストアンサー
    • HTML
  •  ホームページのメニューなどで、文字にマウスが触れると、文字が変化する

     ホームページのメニューなどで、文字にマウスが触れると、文字が変化するようにしたいのですが、どのようにすればよいでしょうか?(例えば「LINK」→「リンク」)  JavaScriptやCSSなどでを使ってもかまいません。  ホームページに詳しい方、返答お願いします。 ↓ のホームページではflashを使用していますが、出来ればflashをさけたいです。 http://www.johnnys-net.jp/j/artists/arashi/