- ベストアンサー
離れた場所のロールオーバーのやり方について
quadsの回答
- quads
- ベストアンサー率35% (90/257)
▼ マウスを置くと これに関する操作を行なうメソッドは JavaScript のイベントハンドラ onmouseover がありますが、 現在の CSS にも :hover 疑似クラス があります。 しかしながら、:hover 疑似クラスでは、hover した要素自身のスタイルシートしか操作することができません。 （onmouseoverが有効な）任意の要素に対して、 <element onmouseover="function()"> のような形で onmouseover 時に定義した関数を実行してください。 求められているサンプル等については回答は控えさせていただきます。
関連するQ&A
- 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で作っているであろうロールオーバーボタンは同じような状態のウェブサイトが、多数有りました。 この問題の解決策をご存じの方がいらっしゃいましたら、どうかご教授下さい。よろしくおねがいします。
- 締切済み
- その他（インターネット・Webサービス）
- 異なる位置にある画像をマウスオーバーで差し替える
お世話になります。 ウェブページを制作するにあたり、添付のようなメニューを依頼されました。 ボタンAL1～AL3のマウスオーバーで、バナーAがバナーALに変化、 ボタンAC1～AC3マウスオーバーで、バナーAがバナーACに変化、 ボタンAR1～AR3マウスオーバーで、バナーAがバナーARに変化、 それぞれのボタンからマウスが外れると、バナーAにもどる。 バナーB以下、必要に応じた数だけ同様の動作になります。 フラッシュで作れば簡単なんですけど、担当者レベルでフラッシュが扱えず メンテナンスができないのでこんな方法になりました。 javascriptかCSSの制御で以下の手法が取れないでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- ロールオーバーのタグを教えて下さい
初めまして。 ＨＰ作成は初めてなので専門的な言葉はよくわからない者です。 ＨＴＭＬをコピーして貼り付けてちょっと編集してＨＰを作ってるところなのですがロールオーバーのタグが分からず困っています。 ネットで検索して貼り付けてもうまくいきません。 入力環境としてはデスクトップにＨＰってフォルダを作ってその中に素材からＨＴＭＬファイルも入れてあります。 me8.htmlっていうページに画像A.jpgとB.jpgのロールオーバーをしたい場合どのようなタグを入力したら良いのでしょうか？ ネットでみてたらHEADにも何か入力が必要なような事を書いてあったのですがその分もあわせて宜しく願いします m(__)m
- ベストアンサー
- HTML
- ロールオーバーのタグについて教えてください。
はじめまして。 http://www.s-b-c.net/ 現在CSSを使って上のような横並びのロールオーバーのメニューを作成しています。 ロールオーバー自体は出来ているのですが、私が作ったサイトだと全部のボタンが改行なし、空白なし（スペースのための画像も含めて）でdreamweaverでは1行として書かれています。 上のサイトのように改行してキレイに見やすくできればいいのですが、タグを改行して書いていくと最後のボタンが下にずれてはみ出てしまいます。 改行と同時に空白ができているようです・・・ タグで普通に改行して書いても空白とかできるのでしょうか？ できればきちんとこのままのボタンを利用して見やすいソースで作成したいのですが、やり方がわかりません・・・ やはり空白や改行なしで続けて挿入していくしかないのでしょうか？ どうか教えてください。よろしくお願いいたします。
- 締切済み
- HTML
- JavaScriptのwindowcloseとボタンのロールオーバーの組み合わせ方
いまHPを作成中です。 そのなかでクリックすると、指定された大きさで表示される別ウィンドウがあります。 そのウインドウに次の2つのJavaScriptを使いたいのです。 ひとつひとつなら出来るのですが、二つを組み合わせるとどう書いていいのかわかりません。 しかも、ふたつともhead内に書き込むにはどうしたらいいですか？ １、ウインドウに「閉じる」ボタンを付けたい ２、そのボタンはロールオーバー効果を使ってマウスがオーバーのときはボタンが変化するよう、別のgifを表示したい 1,2の詳しい内容です。 1<a href="javascript:window.close();"></a> 2<head> <title>ロールオーバーイメージ</title> <script language="JavaScript"> <!-- function changeImage1(){ document.myimg.src="img2.gif"; } function changeImage2(){ document.myimg.src="img1.gif"; } // --> </script> </head> <body> <p> <a href="javascript:;" onMouseOver="changeImage1()" onMouseOut="changeImage2()"><IMG src="img1.gif" name="myimg" border=0></a> </p> </body>
- 締切済み
- JavaScript
- マウスを置くと画像が変わる。
こんにちは。 自分のサイトであることをやりたいのですが、 肝心のタグが分からないので質問させてくださいませ。 タイトルだけ見ると普通のロールオーバーと思われるかも しれませんが、私が聞きたいのはちょっと違うのです。 一箇所に画像が貼ってあって、 同じページ内のあちこちにある文字の上にマウスを置くと その画像が変わるのです。 他のサイト様でそんな効果を見かけたのですが、 やり方がわからなくて困っています。 タグは直打ちでもなんとかできますが、 私はホームページビルダー８も持っているので、 もしやり方を知っている方がいらしたらぜひお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- テキストボックスの文字の大きさを変更するには
タグ打ちでWebページを作っています。 テキストボックスに関する質問です。 テキストボックス本体の大きさは下のように記述すれば指定できることはわかっているのですが、 <input type="text" size=xx> テキストボックス内の「文字」の大きさを変更するにはどうすればよいでしょうか。 HTMLタグ、JavaScript、CSSでできる方法を教えてください。
- ベストアンサー
- その他（プログラミング・開発）
- MovableTypeでロールオーバー保持
現在、MovableTypeでグローバルメニューのモジュールを作成しております。 普通にロールオーバーはできるのですが、リンク先のページに遷移された時のボタンのロールオーバー保持ができません。 javascriptの使用は、したくないです。 MTのタグ＋CSSでどうにかならないでしょうか。 MT4.2を使用しております。
- 締切済み
- ブログ
- cssスプライトで作ったボタンがIE6でロールオーバー時に消える
ＣＳＳでロールオーバーするボタンを作りました。（ＣＳＳスプライトという手法で作っています） ところが、ＩＥ６でのみ、ロールオーバー時に、ボタン画像が消えます。 ためしにjavascriptで先にキャッシュを読み込ませてみましたが、やっぱり消えてしまいました。 どうしたらＩＥ６でも正常に表示できますか？
- 締切済み
- HTML
お礼
ありがとうございます。 関数か・・・ ちょっと難しいみたいです。