• ベストアンサー

ロールオーバーについて質問です。

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

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

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

ハッキリとした時期はわかりませんが、CSSの方が後発です。 ですから、昔はロールオーバーと言えば、JavaScriptでやるしか方法がなかったのです。 その後、CSSでもできるようになりましたが、JavaScriptでやるのが定着しており、またほとんどはJavaScriptを実行許可の設定にしているため、あまり不都合なく今でも使われているのでしょう。 しかし、大抵のブラウザではJavaScriptを実行不可にできるのも事実です。 ですから、CSSを実行できないブラウザを使用しているユーザーはまずほとんどいないでしょうから、CSSでのロールオーバーの方が確実性はあると思います。

rossi46mail
質問者

お礼

とても分かりやすい解説をしていただきありがとうございます。 CSSでのロールオーバーを使用していたので安心しました。 ありがとうございました^^

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

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

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

    • ベストアンサー
    • CSS
  • ロールオーバーについて

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

  • CSSでのロールオーバー

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

    • ベストアンサー
    • HTML
  • jQueryを使ったロールオーバーについて

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

  • xmlとロールオーバー(jQuery1.52)

    以下方法使ってロールオーバーを敷いたのですが、 http://www.finefinefine.jp/web/kiji1359/ ページの一部の情報でxmlから読み込み、形成している箇所があって、そこのimgは全くロールオーバーされません。 一応JSの読み込み順で一番最後にロールオーバーはおいたのですが、これはどうしてでしょうか。 よろしくお願いします。

  • ロールオーバーに関する質問です。

    私の為替取引会社は、ニューヨーク時間の午後3:00(日本時間の午前4:00)にロールオーバーします。 例えば100,000通貨(1ロット)取引で、1ドル116円50銭の時にドルを購入した場合、ロールオーバー時間直前のレートが116円00銭だった場合には、ロールオーバークローズと言ってスワップポイント付与と共に一旦決済し、ロールオーバー直後にロールオーバーオープンと言って決済後の金額からまたその日の取引が始まるという仕組みになっています。つまりポジション保有している限り、毎日自動的に決済をされながらの取引になります。上記の例ですとロールオーバー後は-50,000円の状態になりそれに例えば1日のスワップポイントが1,500円ならロールオーバー直後は-48,500円の状態からリスタートするという事です。このような仕組みならロールオーバーオープン時のレートよりロールオーバークローズ時のレートが円高なら、逆の状態の日にならない限り毎日為替損が発生して、デイトレードではなくスワップポイント狙いの場合には不利なような感じがします。 どの為替業者もポジション保有している限りロールオーバー時の自動決済になっているのでしょうか? ちなみに、この業者は為替業者比較のホームページにも掲載されている優良会社です。手数料無料、スプレッドもUSD/JPYで3銭でお客さんの立場に立った会社です。

  • MovableTypeでロールオーバー保持

    現在、MovableTypeでグローバルメニューのモジュールを作成しております。 普通にロールオーバーはできるのですが、リンク先のページに遷移された時のボタンのロールオーバー保持ができません。 javascriptの使用は、したくないです。 MTのタグ+CSSでどうにかならないでしょうか。 MT4.2を使用しております。

  • エレベーターメニューとシンクボックスとロールオーバーの機能を両立させた

    エレベーターメニューとシンクボックスとロールオーバーの機能を両立させたい。 現在こちらのサイトのように http://momonini.web.fc2.com/test.html scrolllayer.js、jquery.js、thickbox.js、yuga.jsなどのスクリプトを 同時に使っています。 ロールオーバーやthickbox.jsなどyuga.jsの機能はきくものの scrolllayer.jsが動かないのです。 (↑画面のスクロールにあわせてカレンダーがスルスル移動するスクリプトです) htmlのscrolllayer.jsの読み込みをyugaの下にすると、 yuga.jsがきかず、scrolllayer.jsが動きます。 (yuga.jsと一緒にダウンロードしたjquery.jsというファイルを消してもscrolllayer.jsが機能します) どのようにすればスクロールとシンクボックスとロールオーバーの 機能を両立させられるのでしょうか? よろしければご教授お願いします。 javascriptに全然詳しくありません。 わかりにくい質問でしたら申し訳ありません。

  • ロールオーバー時に1pxずらしたい

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

  • WordPressで画像のロールオーバーをさせたい

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