• 締切済み

javascriptを使ってロールオーバーをしたいと思っています

javascriptを使ってロールオーバーをしたいと思っています どのようにすればいいのでしょうか?

  • mk7a
  • お礼率0% (0/2)

みんなの回答

noname#111181
noname#111181
回答No.1

下記のサンプルスクリプトを参考にしてください。 http://www.wind.sannet.ne.jp/alfix/javascript/img/8.html

関連するQ&A

  • javascriptのロールオーバーの問題につきまして。

    Dreamweaverのjavascriptを使ってロールオーバーを作成したのですが、firefoxなどでロールオーバーした画像からリンク先に飛んで、ブラウザの戻るで戻ると、画像がロールオーバー状態のままになってしまいます。なにか良い解決方法はないでしょうか。よろしくお願いいたします。

  • ロールオーバーの「プリロード」の設定で…

    JavaScriptのロールオーバーで画像のプリロードを行いたいのですが、 <body onLoad=”MM_preloadImages(~~~というように、BODYの中に書く以外に、方法はありませんか?いろいろ検索してみましたがわかりませんでした。 「JavaScript」の書き方講座、のようなサイトではなく、すぐに使えるサンプルソースが載っているものが良いです。

  • マウスをロールオーバーしたときに変わるテキストについて

    JavaScript初心者なのですが、学校の宿題でわからないことがあって質問します。マウスをテキストにロールオーバーするたびにメッセージサイクルを2つではなく、3つにしたいのですが。わかりにくい説明ですみません。よろしくお願いします!

  • javascriptで作ったロールオーバーがロールオーバーのままになってしまう

    質問お願いします。 javascriptで作った画像二枚で表現するロールオーバーボタンの不具合についてです。 ieでの動作は問題なかったのですがsafari3.1.2とfirefox3.03では、 その作ったロールオーバーボタンをクリックして他のページに行き、 そしてブラウザに予め備わっている機能の戻るボタンで元のページに戻るとクリックしたロールオーバーボタンがマウスが重なっていないのにロールオーバーしたままの状態になってしまいます。 (その状態でもう一度ロールオーバーボタンにマウスを重ねると元に戻ります。) 流れを簡単に書かせていただきます。 <1.ロールオーバーボタンをクリックする> ↓ <2.他のページにリンクする> ↓ <3.リンク先のページでブラウザの戻るボタンをクリックする> ↓ <4.1のページに戻る> ↓ <5.1でクリックしたロールオーバーボタンがカーソルが触れていないのにロールオーバーした状態> ロールオーバーボタンを作る方法は二通り試したのですが、両方とも上に書いた通りの状態です。 <試した方法> 1.DreamweaberMXのビヘイビア機能で作成。 2.http://css-happylife.com/log/javascript/000157.shtmlこちらのページを参考にさせて頂いての作成。 この不具合の事を気にして色々なウェブサイトを見てみたのですが、やはりjavascriptで作っているであろうロールオーバーボタンは同じような状態のウェブサイトが、多数有りました。 この問題の解決策をご存じの方がいらっしゃいましたら、どうかご教授下さい。よろしくおねがいします。

  • ロールオーバが遅い

    マウスを載せると画像が変わるロールオーバを使ったページを作成しています。Dreamweaverを使ってロールオーバーやプリロードを指定しているので、マウスを載せるとすぐさま画像スワップが起きるはずなのですが、何と2・3秒もかかってしまいます。 ネットワークがプア、ブラウザの仕様、ソースが複雑、Javascriptの仕様、など考えられるのですが、 どこに原因があるのでしょうか?ご存知の方、是非教えて下さい。 特に、.jsファイルを外部化して読み込ませているのですが、このあたりで注意するところがあれば併せて、宜しくお願い致します。

    • ベストアンサー
    • CSS
  • ロールオーバーで小窓を出したい。

    今、ロールオーバーでリンクを指定してあります。 ロールオーバーはHPビルダー2001でつけました。 そのロールオーバーの編集でリンク付けてあります。 このリンクをロールオーバーしている画像を押した時に 小窓で表示される様にするにはどうすれば良いのでしょうか? 教えてください。

    • ベストアンサー
    • CSS
  • ロールオーバがブラウザで正しく表示されない

    現在ホームページを作っています。ロールオーバーの設定(カーソルを合わせると色が変わる設定)をしたのですがカーソルを合わせると×が表示させて正しく表示させません。ロールオーバ用に作った画像はPNGですが、JPEGに変更しても症状は変わりません。 基本的な問題なのかもしれませんが、教えて下さい。 ロールオーバ用に作った画像はPNGはAdobeのfireworksで作り、ロールオーバの処理はホームページビルダー上で設定しました。

  • roll over

    娘が自分を人参嫌いにさせたお父さんをを批判。 "And that is your excuse? A responsible parent would've shoved it(carrot) right into my toothless little mouth. But, no! You had to roll over and give me cream spinach! (the two stare at each other) What kind of father are you?!" -You had to roll over and give me cream spinachの意味を教えてください。

  • ロールオーバーの動作について

    なんと表現すればいいものか悩んだのですが下記のような 感じで画像のロールオーバーで表示が変わるものを探しています。   A 1 2 3   T ※A,1,2,3は画像です。 Aには最初に表示される画像があり1,2,3にマウスを合わせると Aの箇所に拡大画像が表示されロールアウトするとAは最初に 表示されていた画像に戻ります。 同時にロールオーバーするとTの箇所にそれぞれ任意のテキストを 表示させたいのですがどのようにすればいいものか全くわからない 状態です。 無知なものでサンプルがないものかと探してみたのですが探し方が 悪いものかなかなか見つかりませんでした・・・ 詳しい方やサンプル等ご存知の方がおりましたら是非ご教授 お願い致します。

  • JavaScriptが無効でもロールオーバーと同じ効果を出したい

    ホームページビルダー11を使ってサイトを作りました。 ロールオーバーを多用しています。JavaScriptを無効設定にして、自分のサイトを見たところ、ロールオーバーの効果を得ることが出来なかったので、このロールオーバーはJavaScriptを使っているのだと思いました。 そこで、JavaScriptを無効設定していても、ロールオーバーと同じ効果を出すにはどのようにしたら良いのでしょうか。 よろしくお願いします。

専門家に質問してみよう