- 締切済み
マウスオーバー時にテキストをスワップさせるには？
noname#107402の回答
下のようにcssを使います。 cssのhoverのcolor指定やbodyタグのlink属性等で文字色を設定できます。DW3でもcssスタイルのところで設定できます。 <html> <head> <style type="text/css"> <!-- a:active { text-decoration: none;} a:hover { text-decoration: underline; color: #FF0000;} a:link { text-decoration: none;} a:visited { text-decoration: none;} --> </style> </head> <body link="#006666"> <a href="#">てすと</a>です。 </body> </html>
関連するQ&A
- テキストにマウスオーバーでポップアップを表示させるには・・・
よくサイトで見かける、テキストにマウスオーバーでポップアップを表示させたいのですが、どうやったらいいのでしょうか？テキストにマウスが重なると、詳細などが簡単な説明できるようにしたいんです。 使っているソフトはDreamweaverです。宜しくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- リンクじゃないテキストの色をマウスオーバーで変えたい
リンクじゃないテキストの上にカーソルがきたときに テキストの色を変えるにはどうしたらいいのでしょうか？ テキストをクリックするとポップアップウィンドウがでるのですが、 そのテキスト部分を、マウスオーバーで色が変わるようにしたいのです。 ポップアップウィンドウはJavascript:;で設定しています。
- ベストアンサー
- HTML
- マウスオーバーでテキストの色を変えたい
この「OK Web」のサイトもそうですが、最近、マウスポインタがかぶさるとテキストの色が変化したり、下線が付いたりするページをよく見かけますね。あれ、スマートでかっこいいなと感じます。 私もホームページをMacintoshのDreamweaverを使って作っているのですが、どうすればそのようなテキストが作れるのでしょうか？ いろいろ調べたのですが、分かりませんでした。 なんという「わざ」なのかも知らないので、検索もできず困っています。 どなたかぜひ教えてください。よろしくお願いします。
- ベストアンサー
- HTML
- マウスオーバーで伸びるサブメニューが正しく動作しません
こんばんは。 以下サイトのメインメニューの左三つのボタンのように、 ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、 サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。 http://www.mizkan.co.jp/index_1.html ・マウスオーバー addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、 gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。 ・マウスアウト addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、 gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。 上記のscriptを作るところまでは上手くいきました。 しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、 マウスオーバーとマウスアウトのアクションが繰り返し実行され、 サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。 この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。 上に記載した方法以外でも同じような動きになる作り方があればご教授ください。 宜しくお願い致します。
- 締切済み
- Flash
- マウスオーバーのやり方を教えてください。
はじめまして。 実はこのたび、ホームページを業者さんに制作していただきました。 そして、今は素人ながら今後のことも考え自分たちで知識を身につけようと勉強中です。 今回、業者に制作していただいたホームページのソースをそのままdreamweaverに貼り付けてみました。 画像もちゃんと配置したのですが、なぜかホームページ内のマウスオーバーが機能しません。 実際にサーバーにアップされているホームページはちゃんとマウスオーバーが機能しているのにです・・・ 一応、テキストブックを片手に頑張ってはいるのですが、どうも行き詰っています。 以下が、そのソース内容となります。 ↓ 『<TD valign="bottom"><A href="../index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_home','','../img/home2.jpg',1)"><IMG src="../img/home.jpg" alt="HOME" name="menu_home" width="100" height="25" border="0"></A></TD>』 以上、本当に初心者ですので、質問内容自体に不備があると思いますが、どうかマウスオーバーが機能しない原因を教えていただけないでしょうか？ そのまま、ソースをdreamweaverにコピー、し画像を用意するだけではだめなのでしょうか？ どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- マウスオーバーでテキストの色を変えたい
はじめまして。 よろしくお願いいたします。 一部テキストリンクのマウスオーバー時の色を変えたいんです。 CSSで a:link { color:#0000FF; } a:visited { color:#0000FF; } a:hover { color:#FF0000; } a:active { color:#0000FF; } と設定しています。 そして、一部だけは通常時白にして、マウスオーバー時を赤にしたいと思っています。 一部だけ変える方法が分かりません。 簡単なことかも知れませんがよろしくお願いいたします。
- ベストアンサー
- HTML
- マウスオーバーでテキスト表示…
こんにちは。 HPビルダー6.5 HotmediaでHPを製作中なのですが、以下のことで困っています…助けてください…。 (１)テキストAとテキストBがあるとします。 Bは通常非表示にしておいて、AをマウスオーバーでBを表示させたいのですが…。 この動作、Bをレイアウト枠に書き込んでエフェクトで非表示、Aにイベントを設定すればいい…というのは分かっているのですが、この、テキストBをレイアウト枠ではなくてテーブルに書き込みたいのです。Bをテーブルごと非表示にして、Aをマウスオーバーすると表示させるようにすることって…出来るんでしょうか…？ もし可能なら、その方法を教えてください…。 (２)(１)の動作を、AとBが違うフレームにある場合はどう設定したらよいのでしょうか？ (３)テキストC、D、E、Fがあるとします。 通常、DとFは非表示にしておき、CをマウスオーバーでD、EをマウスオーバーでFを表示させます。 このとき、DとFを個々に、全く同じ位置に表示させるにはどうしたらよいのでしょうか？ 分かりにくい文章で申し訳ありません。 なにか一つでもお分かりでしたらよろしくお願いします。
- 締切済み
- CSS
- ロールオーバーで指定の位置にテキストを配置
画像のロールオーバーメニューで、マウスオーバー時に指定の位置にテキストが現れるようなメニューを作りたいのですが、そのようなjsだったり、jqueryなどありますでしょうか？ 添付の画像のような感じで、メニュー1、2、3それぞれにマウスオーバーすると、メニュー1の横に必ずテキストが現れるようにしたいです。 もちろん、改行などもできるようにしたいです。 どうしたら良いでしょう？
- ベストアンサー
- JavaScript
- マウスオーバーでの反応速度が遅い
文字にポイントすると赤く反応するようにしたのですが、反応が遅いんです。たとえばOKWebだと青のアンダーラインが出ますが、マウスをすばやく動かしても、一つ一つの反応がとても早いですよね。 初歩的な質問だとは思いますが、調べてもどうしてもわからなかったものですから、教えてください。
- 締切済み
- HTML
- ＣＳＳの画像のマウスオーバーの質問です
こんにちは [画像A]にリンクをはって、マウスオーバーの時に、[画像B]に切り替わるようにしたいのですが、できません。 ドリームウィーバーのビヘイビアパネル→スワップイメージを使うとできました。 しかし、CSSを使って、マウスオーバー時に画像を切り替えたいのです。 テキストを入れて、テキストインデント、-9999でテキストを飛ばして背景に「画像A」を持ってきて、a:hoverで「画像B」をいれて、マウスオーバーを切り替える。これもできました。 しかし、 <body> <a href="#"><img src="images/gazou.jpg" width="100" height="100" /></a> </body> ↑ このような画像のリンクにＣＳＳを使ってマウスオーバーの画像切り替えをしたいのです。 どなたか、ご存知の方教えてください。 よろしくお願いします。
- ベストアンサー
- CSS