• 締切済み

ロールオーバーについて

カーソルを画像に置いたとき変化をさせるロールオーバーにはいろいろありますが ・CSSで画像を読み込ませる方法 ・DreamweaverなどのロールオーバーイメージのJAVAスクリプトでやる方法 とありますがどちらがよいのでしょうか？各々のメリット、デメリットをご教授願います。私としてはできるだけ軽いHPにしたいと思っておりますので負荷の少ない方法を優先させたいです。

みんなの回答

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.1

軽いのがいいなら、画像を使わないロールオーバーをお奨めします。

  1. カテゴリ
  2. インターネット・Webサービス
  3. インターネット接続・通信
  4. レンタルサーバ・ASP

関連するQ&A

  • ロールオーバーはどちらがよい？

    カーソルを画像に置いたとき変化をさせるロールオーバーにはいろいろありますが ・CSSで画像を読み込ませる方法 ・DreamweaverなどのロールオーバーイメージのJAVAスクリプトでやる方法 とありますがどちらがよいのでしょうか？各々のメリット、デメリットをご教授願います。私としてはできるだけ軽いHPにしたいと思っておりますので負荷の少ない方法を優先させたいです。

    • ベストアンサー
    • CSS
  • ロールオーバーについて質問です。

    CSSでのロールオーバーとJSでのロールオーバーはどのような違いがあるのでしょうか？ 簡単でいいのでメリット、デメリットを教えていただけたらうれしいです。 よろしくお願いします。

  • jQueryを使ったロールオーバーについて

    初めまして。Webサイト作成の初心者です。 JQueryを使って、フェードエフェクト効果のあるロールオーバーを作成したいと思っております。 例えば次のサイトでは、若干フェードエフェクト効果のあるロールオーバーとなっておりますが、ソースを見るとbody内にはオフマウス用の画像だけが記されております。 http://mizuame.sakura.ne.jp/jquery.tgImageRollover/demo/script2.html オンマウス用の画像への切り替えはCSSで行っているのでしょうか？ ちなみに、グローバルメニューなどでは、オフマウス用とオンマウス用の画像を一つにし、CSSで座標を調整することで、ロールオーバーをすることが多いと思いますが、この方法だとJQueryを使ってロールオーバーにフェードエフェクト効果を付けることはできないのでしょうか？ それとも、やはりロールオーバーにフェードエフェクト効果を付けるには、オフマウス用の画像とオンマウス用の画像を、それぞれ用意し、オフマウス用の画像はHTMLに記述し、オンマウス用の画像はCSSに記述するのでしょうか？ どのような回答でもお受けしたい所存で御座いますので、どうか宜しくお願い致します！！

  • 「ロールオーバー」という単語の出典は？

    ある要素にhover擬似クラスがセレクタとして指定されていて, そこでbackground-imageプロパティやbackground-colorプロパティが指定されていると,マウスカーソルがその要素上に移動したとき,背景画像や背景色が変化します。 http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/tests/css3-modsel-18.html さて、HTMLカテゴリやWeb Page Designカテゴリでは,このことが良く 「ロールオーバー」という言葉で呼ばれているのを見かけますが、 これは公式に定義された用語なのでしょうか？ そうでなければ,どこから使われだした用語でしょうか？

    • ベストアンサー
    • CSS
  • CSSでのロールオーバー

    CSSでのロールオーバーについての質問です。 通常時A ロールオーバーB クリック時C この３つの画像を使ってメニューをロールオーバーさせたいのですが、 クリック時に切り換えさせる術を知らず、困っております。 a:link,a:visited{background-image:url(通常時A); a:active,a:hover{background-image:url(ロールオーバーB); でロールオーバーさせることは出来たのですが、クリック（Onclick）時に画像を切り換えることは、CSSで可能なのでしょうか。 宜しく御願い致します。

    • ベストアンサー
    • HTML
  • WordPressで画像のロールオーバーをさせたい

    WordPressのブログや固定ページの記事の中で、 ２枚の画像を使って、画像のロールオーバー（マウスオーバー）をさせたいのですが、 やりかたがわかりません。 Java Scriptではなく、CSSで行いたく思い、 検索していろんなサイトに行きましたがうまくできませんでした。 もし可能であれば、単純にこれをコピーしたらできる というＣＳＳをご提示していただけないでしょうか。

  • 画像のある部分にロールオーバーをつける方法

    質問タイトルの通り、画像のある部分にロールオーバーをつけ、さらにその部分にリンクを貼りたいのですが、ロールオーバーがうまくできません。 リンクを貼るだけならソフトにあるイメージマップ作成機能を使ったり、HTMLで作成すればできるのですが、イメージマップを作成した部分にロールオーバーをつける方法がわかりません。 ソフトはFireworks8、Dreamweaver8を使用しています。 ロールオーバーをつける方法がわかる方、ご教授ください。

  • ロールオーバー及びイメージマップ作成ソフトについて

    会社のホームページを作っています。 画像上のある部分にロールオーバーを作って、その部分にリンクを設定しようと思っています。 Dreamweaver8とFireworks8を使っているのですが、どちらのソフトでもロールオーバー及びイメージマップを作ることができるようですが、どちらのソフトでロールオーバー及びイメージマップを作成したほうがよろしいのでしょうか？

  • ロールオーバーイメージ挿入後の表示確認方法について

    ロールオーバーイメージ挿入後の表示確認方法について Dreamweaver 2004でHPを作成しています。 ロールオーバーイメージを挿入した後、表示を確認したいのですが、 ブラウザでプレビューしても、マウスオーバーした状態の画像が表示されません。 Webページとして保存しなければ確認できないものなのでしょうか。 それとも私のロールオーバーイメージの挿入方法が間違っているだけなのでしょうか。 教えていただけると幸いです。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ロールオーバー時に1pxずらしたい

    ボタンを、ロールオーバー時に1pxずらしたいのですが、 やり方がいまいちよく判りません。 下記サイトも見つけたのですが、cssがよく判らないので、 Dreamweaver上で、css以外でする方法はないでしょうか？？ http://f32.aaa.livedoor.jp/~azusa/index.php?t=css&p=317#rollover4

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する