ナビゲーションのスライド式メニューについての質問

このQ&Aのポイント
  • ナビゲーションのスライド式メニューについての質問です。有名なサイトのサンプルを参考にしていますが、クリックではなくマウスを乗せるとスライドするように変更したいです。
  • 現在、ナビゲーションのスライド式メニューはクリックするとスライドコンテンツが現れる仕組みですが、マウスを乗せるとスライドするように変更したいです。
  • スライド式メニューのサンプルを参考にしていますが、クリックではなくマウスを乗せるとスライドするように変更する方法を教えていただきたいです。できれば、そのままサンプルのスクリプトを書き換えた形で教えていただきたいです。
回答を見る
  • ベストアンサー

ナビゲーションについてですが・・

http://www.condo.fromc.jp/flash/memo/index.html 有名なサイトですが、このページの上から5つめの、 ■スライド式メニュー (2003/11/2)  コンテンツがスライドして現れるメニューです。 のサンプルなのですが、これはクリックするとスライドコンテンツが現れるというもののようですが、 これをクリックではなく、マウスを乗せるとスライドする、(マウスオーバーで動作させる)となるとどこをどう変えればいいのでしょうか? できればこのサンプルのスクリプトを書き換えた形で教えていただきたいのですが、お詳しい方おられましたらどうかお願いいたしますm(_ _)m

  • nimuo
  • お礼率58% (24/41)
  • Flash
  • 回答数1
  • ありがとう数2

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

  • ベストアンサー
noname#35109
noname#35109
回答No.1

これは,各コンテンツ(CONT1~4) のスクリプトの最後の部分, -------------------------------- on (release) { // クリックされたときに、各mcへ指令を出すfunctionを実行 // 引数で自分の番号を知らせる。 this.xSetDest(nMyNum); } -------------------------------- を -------------------------------- on (rollOver) { // ロールオーバーしたときに、各mcへ指令を出すfunctionを実行 // 引数で自分の番号を知らせる。 this.xSetDest(nMyNum); } -------------------------------- と変更すれば良いだけなんです。 がががががが! このサンプル非常によろしくないです。 これだけをサンプルとして見るなら問題ないのですが, これ自体を利用する場合は発展性がないサンプルです。 あとで泣きを見ます。 やめたほうが良いと思います。 http://okweb.jp/kotaeru.php3?q=1506352   ↓ or ↑ (同じです) http://oshiete1.goo.ne.jp/kotaeru.php3?q=1506352 こんなことしなくてももっとシンプルな方法で行けます。 といっも,うまく説明できないのですけどね。 参考になりますかどうか…↓ http://okweb.jp/kotaeru.php3?q=1566216   ↓ or ↑ (同じです) http://oshiete1.goo.ne.jp/kotaeru.php3?q=1566216

nimuo
質問者

お礼

早速のご回答ありがとうございます^^ なるほど~応用などになってくるといろいろ問題が出てくるという感じなのでしょうかね^^; リンク先の質問&回答者様ほどには程遠いレベルですが、いろんな方法で作ってみたいと思います。 大変参考になりました!ありがとうございますm(_ _)m

関連するQ&A

  • スライド式メニューについて

    お分かりになりましたら教えて下さい。 http://www.condo.fromc.jp/flash/memo/index.html こちらのサイトの上から5番目の「■スライド式メニュー (2003/11/2)」を参考にして現在制作しております。 サンプルでいいますと[コンテンツ1]の文字部分をボタンにして、 クリックすると他のページに飛ぶようにしたいと 考えておりますが、ただスライドされてしまうだけで出来ません。 また、どうしてそうなってしまうかはわかりましたが 知識が足らずボタンにする事が出来ませんでした。 どうすれば他のページへ飛ぶように出来るか 教えていただけませんでしょうか。 環境は [Windows XP Flash MX 2004] です。

    • ベストアンサー
    • Flash
  • スライド式メニューの作り方

    http://www.condo.fromc.jp/flash/memo/slide/slide_swf01.htm 上記のようなメニューをParaFla!で作りたいのですが、どうすれば良いのでしょうか? ヒントでも教えて頂けると有難いです。

  • Flashでスライドメニューを作りたいのですが…。

    こちらのサイトhttp://www.sebacs.co.jp/のような menuをスライドさせてリンクで各ページに飛ばすというスライド式Flashを作成しているのですが、各メニューにリンクを貼る箇所でつまずいてしまうので、教えていただきたく思います。 はじめは過去ログを参考にhttp://www.condo.fromc.jp/flash/memo/index.htmlのサンプルで作成していたのですが、http://kikitai.teacup.com/search.php3?dummy=%83%81%81%5B%83%8B&kw=%83X%83%89%83C%83h%8E%AE%83%81%83j%83%85%81%5B&submit_search=%8F%88%97%9D%92%86...&category_id=564などで調べていくうちにスクリプト自体に問題があるということでしたので 現在http://exyz.cocolog-nifty.com/good_sleep/2007/12/au_45b8.html#moreの方法で作成をしています。 が、スライドさせることはできたのですが、そこから各パネルにリンクをはることができません。 Flash作成環境はWinXPのAdobe FlashplayerCS3 proで今年からFlashを勉強しはじめたのであまり詳しいとはいえないですが、今回の一連で勉強していくうちに透明ボタンが必要であることやボタンが重なりあった領域でマウス操作をすると手前のインスタンスしかイベントを受け取れないことは理解いたしました。 が、肝心のActionScriptをどのようにかけばわからず、ここでつまずいてしまいます。 お手数ですが、どなたかお教えいただけると幸いです。

    • ベストアンサー
    • Flash
  • Flash Lite1.1のクイズ制作でのクイズ得点の出し方

    今、Flash Lite1.1でモバイル用に作っている三択式クイで、 10問ほど出題したあと最後にその得点を出したいと思っています。 こちらのサイトの http://www.condo.fromc.jp/flash/memo/index2.html ■クイズゲームのサンプル  を元に、Flash Lite1.1用にプログラムを書き直して作っているのですが、最後の正解、不正解に応じて得点が表示されるプログラムが どうしてもわかりません。 FLASH1.1形式で書き出せる方法があれば教えてください。 ご教授のほど、宜しくお願いいたします。

    • ベストアンサー
    • Flash
  • 縦と横へ同時にアニメーションするスライドメニュー

    javacriptで縦もしくは横へスライドするアコーディオンメニューの サンプルスクリプトはよくあるのですが、ボタンをクリックまたはロールオーバーすると そのボタンから同時に縦と横へメニューが伸びていくようなメニューを作成したいと思っています。 (ボタンを基点にL字型にのびていくようなかんじです) http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-display-elements-sequentially-with-jquery/ で紹介されているjQueryのスクリプトは近いのですが、これはクリックすると 一つ一つliタグでコーディングされた部分がスライド的に現れるものですが このスクリプトの場合開くにあたる動作しかできません。 ロールオーバーで展開し、マウスアウトで閉じたいと思っています。 できれば開くときの逆方向のアニメーションでできればベストなのですが こういった動きをどうすればよいのか、 こういった動きが再現できるプラグインやスクリプトの書き方など、 ご存知のかたがいらっしゃいましたらご教授お願いします。

  • グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教

    グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教えてください。 個別ページ毎にactなどとクラスをいちいち割り振るのではなく、JavaScriptで、パッと一気に処理したいと考えています。 ネットを探し回って、「カレントページ」「マウスオーバー」それぞれに対応する記述は見つけたのですが、それらを組み合わせると期待通りの動作となりません。具体的には、カレントページで、グローバルメニューをマウスオーバーした際、マウスオーバー画像へ変わるまではよいのですが、マウスアウトした時点で、カレントではない、ノーマル画像へと変更されてしまいます。(リロードすると、カレントメニュー画像へと戻るのですが…) 「カレントページにいるときは、マウスオーバー画像を表示させずにカレントメニュー画像のままにしとく」 あるいは、 「カレントページでマウスアウトした際はカレントメニュー画像を、その他のページでマウスアウトした際はノーマルメニュー表示させる」ようにするためには、どうしたらよいでしょうか? スクリプトそのものを教えていただけると一番有難いのですが、難しいようであれば、参考になるサイト等でも構いません。何らしかのヒントだけでも、誰かくださいー。

  • ムービークリップ内の複数のボタンにリンクを与える

    http://www.condo.fromc.jp/flash/memo/index.html こちらの”■スライド式メニュー (2003/11/2)”を利用し、現在ホームページ用にメニューを製作しているのですが、1つのスライドに対して 複数のリンクを持たせようと思い公開されているASに以下のものを追加して動作させてみました。 階層としては全て同じなので一つだけ例に挙げますが、 スライド1(ムービークリップ)   LボタンA(リンク先A)・ボタンB(リンク先B)・ボタンC(リンク先C) といった感じです。 その中のボタンに直接onハンドラを書き込んでも反応がない為(自分が調べた限りではonハンドラが重なってると上の方が優先されるようで・・・。) 思い切ってムービークリップ内に on(Press) { this.A = getURL("リンク先A"); } on(Press) { this.B = getURL("リンク先B"); } on(Press) { this.C = getURL("リンク先C"); } と言った感じにASを追加したのですが、これですとクリックした際にリンク先上から読み込んで言ってしまい、一番下に書いてあるリンク先Cへと最終的に飛んでしまいます。 また、onClipEventで動かそうとしますとループしたりと思った動作にならなかった為悩んでいます。 ムービークリップ内にある複数のボタンに個別にリンク先を与えてうまく飛ばす方法ありますでしょうか? よろしければご指導お願いいたします。

    • ベストアンサー
    • Flash
  • 下記のようなメニューを作成しようと思い、質問したところJavaScri

    下記のようなメニューを作成しようと思い、質問したところJavaScriptでの方法を教わり 作成したのですが、解決してから、右側の4つのボタンメニューに2pxぐらいの隙間が できてしまい、いろいろCSSで調整してみたのですが、どうしても解決できなく再度質問しました。 ※http://okwave.jp/qa/q5843544.htmlで質問と回答を得る http://www.nittsu.co.jp/index.html のサイトのグローバルメニュー下のFlashコンテンツ。 やりたかったことは、 同じように右側に4つのボタンを縦に配置して、マウスオーバーをすると左側のイメージが変更されるようにしたい。 教えてもらった方法は、http://www.red.oit-net.jp/tatsuya/java/image3.htm のサンプルデータと同様な方法で行いました。 また、さらに右側のボタンをマウスオーバーで同時に画像も変更できるとさらに良いです。 よろしくお願いいたします。

  • onClipEvent(load)かhitareaの問題かと・・・わからない

    すいません。ちょっとややこしいですが 教えてほしいんのです。 「フラッシュ サンプル」でぐぐった一番最初のページの フラッシュ宝箱のこのページ(このページは感謝しまくりです) http://www.condo.fromc.jp/flash/memo/index.html の 5番目、スライド式メニューと『glid.fla』 3番目、ドラッグ&ドロップでグリッドに吸着『slide.fla』 をいっしょになったものを創りたいのです。 まずは、『slide.fla』をダウンして、 例えば、CONTENT2 の部分に 『glid.fla』を入れたいのです。 ですが、うごきません。 本来のスライドのはするのですが、 『glid.fla』はまったく反応しません。 たしかにどっちもonClipEvent(load){ から始まってるので、これが駄目なんだと思い slide.flaに swfを読み込ませばいいんだと勝手に解釈 CONTENT2 にムービークリップ(インスタンス=img)をいれて そこにonClipEventで『glid.swf』をよみこましました。 onClipEvent (load) { nMyNum = 2; nTotal = 4; nMinX = 60; nMaxX = 340; nDest = nMaxX; nDelay = 5; //ヒットエリアの設定 this.hitArea = button_mc3; ・・・・      img.loadMovie("glid.swf");←←← ですが・・swfは読み込むのですが、全く反応しません ドラッグできない以前にマウスが指マークにすらなりません。 これはナゼなんですか? FLASHは5しかつかったことなくて、 随分久しぶりにMAXを触ってます。 多分、パスの設定とか どちらもonClipEvent(load)が2つある事 その辺りだとおもうんですけど・・・ 気が付いてやったことは、 this.hitarea=button_mc は 帯の部分だけにしているます。 ほんとに参ってます。 どなたか、よろしくお願い致します。 (多分幼稚な事きいてるんだろうなと思ってます。)

    • ベストアンサー
    • Flash
  • 1枚の画像でナビゲーション+ドロップダウンの設定

    上記の通りになるのですが、 1枚の画像だけを用意して、ナビゲーションメニュー+一部のメニューには プルダウンも設定したいのです。 例を言えば MENU1、MENU2、MENU3、MENU4という項目があり、 MENU1とMENU2は単純にマウスオーバーをした際に色が変わるという設定をし、 MENU3とMENU4にはマウスオーバーをした際にその下にそれぞれMENU3_1、MENU3_2、MENU4_1、MENU4_2 というメニュー階層を縦表示でつけられればと思っています(これにもマウスオンマウスオフ、アクティブ時で色変えしたい)。 単純にマウスオーバー時に変わる設定ならば CSSのhover設定とactive設定でいけるかと思っているのですが、 項目中2つだけドロップダウンを入れるとなるとペライチでどのように設定すれば いいのか……と悩んでおります。 また、もし普通のメニューは1枚画像で用意して、 ドロップダウンメニューの部分は別画像を用意して設定する、 というの方が簡単であるならばそちらの手法もご指摘いただければと思います。 サンプルとしてペライチで作成する場合の「こういう風の画像を用意して設定できればな」 という画像を添付させていただきます。(サンプルなので簡略に作成しております) 手法は特に指定しておりません。 分かりにくい説明で大変申し訳ございませんが、ご教授いただけますと幸いです。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • CSS

専門家に質問してみよう