- ベストアンサー
DWでonＭｏｕｓｅOverについて
質問カテゴリでどこが相応しいのかわからなかったのでこちらで質問させていただきます。 現在HP作成でマクロメディアのDREAMWEAVERを使っています。 ここで、マウスのカーソルをリンクしている個所に重なると色が変わるってのをやりたいんです。 CGを変えることは出来るようになりました。 で、ＯＫＷＥＢの左のメニューでもそうですけど、マウスのカーソルが重なると下線付きになりますよね。 それと同じように文字の色が変わるってのをやりたいのです。 おそらくOnMouseOverを使うのだと思うんですが、具体的にどう指定してやったらいいのかわかりません。 お教えいただけませんでしょうか。 私のレベルとしてはＨＴＭＬはわかりますが、JAVAやcgiはわかりません。 用意されたスクリプトの埋め込みやCGIの設置は出来ます。 それくらいのレベルです。そんな自分でも理解できるように教えていただければ幸いです。 よろしくお願いします。
- tukikageran
- お礼率65% (371/568)
- CSS
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートを使いましょう。 <head>タグの中に と入れてみてください。 これで望むような変化ができます。 まずはお試しあれ <style> A:link {font-size:10pt; text-decoration:none; color:blue;} A:visited {font-size:10pt; text-decoration:none; color:blue;} A:hover {font-size:10pt; color:blue; text-decoration:underline;} </style>
その他の回答 (1)
リンクの文字を、ポインタが上に載ったときに変えたいんですよね? スタイルシートで指定可能です。 <head>内に、 <style type="text/css"> <!-- a:hover{color: 任意の色;} --> </style> と追加すれば、リンクにマウスカーソルが乗ったときに指定したスタイル(上の場合は文字色の指定)が適用されて、リンクの文字の表示が変わるはずです。 ブラウザがCSSに対応していないと、適用されない場合がありますが… 意図していることと違ったらごめんなさい。
お礼
ありがとうございます。 やはりＣＳＳを使うとこうなるわけですね。 ＣＳＳの知識がないもんで巧く使えませんでした。 せっかく教えていただいたのにごめんなさい。 勉強してｃｓｓも使えるようになりたいと思います。 その時は活用させていただきます ありがとうございました。
関連するQ&A
- onmouseoverに複数の命令を書き込みたい
こんにちは、初心者の質問です。 画像Aにカーソルを乗せると、別のところにある画像Bが違う画像に変化するようにJAVASCRIPTを使ってスクリプトを書きました。これはうまく作動します。 さらにこの画像Aも（画像A自身にカーソルが乗った時に）別の画像に変化するようにしたいのですが、うまくいきません。 画像Aの記述は以下のようになっています。 <img src="pic1.gif" width="50" height="30" onMouseOut="changeImg(photos[6])" onMouseOver="changeImg(photos[0])"> onmouseoverに "this.src='マウスが触れた時に表示したい画像のアドレス'" を追加したいのですが、いかんせん画像Bを変化させるためのスクリプトがすでに書き込まれています。 そこで質問ですが、onmouseoverに複数の命令を書き込むことは可能でしょうか？またそれが不可能な場合上記のようなギミックを作る最善の方法や、解説のあるサイト等を教えていただけるとありがたいです。 詳しい方、よろしくお願いします
- ベストアンサー
- HTML
- マウスカーソル
あるＨＰにいったら、マウスカーソルがピンクになっていました。 マウスカーソルの色ってどうしたら変えられるんでしょうか？ジャバスクリプトでしょうか？ 分かる方いましたら教えてください。
- 締切済み
- その他（インターネット・Webサービス）
- onMouseOver、onMouseOutイベントにて
質問させていただきます。 GoogleMapでリストに表示されている建物名の上に マウスカーソル乗せると、 その場所をマーカーで表示させ、 マウスをリストから外すとマーカーが消える、 という機能を作成しようとしています。 マーカーを表示したり消したりは出来るようになったのですが 動きが非常にぎこちないです。 調べてみると リンクでOnMouseイベントを発生させているタグの <a>～</a>の間に<div></div>などが間に入ると動きが ぎこちなくなることがわかりました。 普通に動く場合 <a harf="#" onMouseOver="・・・・" onMouseOut="・・・・"> 建物名<br> 住所 </a> ぎこちなく動く場合 <a harf="#" onMouseOver="・・・・" onMouseOut="・・・・"> <div class="***1">建物名</div> <div class="***2">住所</div> </a> どうも良い時はマウスカーソルが建物名と住所名を移動しても 反応しない。 ぎこちない場合、建物名から住所名にマウスカーソルが移動する 度に反応している。 ＣＳＳを使用しているため、なるべく<div>タグは外したくない。 何かいい方法が無いでしょうか？ もし何かわかる方がいたら、ご教授お願いします。 何処に書いていいかわかりませんでしたが 多分ここが一番あってるかなと思ったので書かせていただきました。
- ベストアンサー
- JavaScript
- onmouseoverを外部にまとめる
お忙しいところすいません 以下のようなマウスオーバーで背景が変わるテーブルを制作してますが、長くなるので「onmouseover」等をまとめる方法があれば教えてください。 ■---元----------------------■ <head> </head> <body> <table> <tr> <tr> <td onmouseover="this.style.backgroundColor='#ffffcc';" onmouseout="this.style.backgroundColor='#68ceff'" bgcolor="#68ceff">リンク</td> </tr> <tr> <td onmouseover="this.style.backgroundColor='#ffffcc';" onmouseout="this.style.backgroundColor='#68ceff'" bgcolor="#68ceff">リンク</td> </tr> </table> </body> </html> ■---希望----------------------■ <head> <script language="JavaScript"> <!-- td#over { onmouseover="style.background='#ccccff'"; onmouseout="style.background='#68ceff'" } //--> </script> </head> <body> <table> <tr> <tr> <td id="over">リンク</td> </tr> <tr> <td id="over">リンク</td> </tr> </table> </body> </html> -------------------------------- ＣＳＳもJavaScript初心者ですので全く的外れな質問かもしれませんがよろしくお願いします。
- ベストアンサー
- JavaScript
- リンクの解説OnMouseMove,OnMouseOver...
下記のサイトにありますが、リンクにマウスをオーバーさせるとマウスを追いかけて、背景色を伴った文字列が現れます。 Javaスクリプトですが、この機能についての説明、またカスタマイズの仕方（色、段数、上下左右の区切り方など）について書かれたサイトを知りませんか？ 画像をリンクせたり、色も任意に変えられるようです。 http://web.icq.com/community/message_boards/browse_discussion/1,,9003,00.html?discussion_id=90193
- 締切済み
- JavaScript
- カーソルが指にかわりません。
Dreamweaver MXでHPを作成。 Java Scriptで、画像のボタンの部分を触れると 色が変わるものをつくりました。 そのボタンの中で ウィンドウを閉めるボタンのみカーソルが指に変わらないのですが。。 すみません。急ぎで教えてください。
- ベストアンサー
- HTML
- HP作成でリストの上にマウスが来たらその行の色を変え下線を！
HPをHPビルダーで作成始めました。<li>タグを付け、かつ<A href=" してリンクを張ったリスト上の1行1行についての質問です。まず?リンク有りを示す下線を付けて欲しくない、?マウスイベントが欲しい。onMouseOver で下線と色を付け、onMouseLeave で元の色に戻し下線を消す これを実現している例がいっぱいあるのですがどうしてもまねできません。どなたかお教え下さい。必要なのはJavaScript なのでしょうか、HTMLタグなのでしょうか？
- ベストアンサー
- CSS
- onMouseOverで複数（？）のセル内の色を変更したいとき
はじめまして、こんにちは。 初歩的な質問なので恐縮ですが、、どうしてもわからないのでどなたか教えてください(> <) テーブルの各行の上をカーソルが通過するとその行の色が変わる（通過しおわると元の色に戻る）というのをプログラムを作りたいのです。。 一行ごとでしたらonMouseOver,onMouseoutを使って 簡単にできますが、カーソルが『りんご』の行の上にあるときは『くだもの』のセルも一緒に色を変える、また『みかん』の行の上のときも『くだもの』のセルも一緒に色を変える・・・というように『バナナ』も『メロン』も同じように色変更させたいのです・・・ 説明が下手で大変申し訳ございませんが、どうかよろしくお願い致します。（ジャバスクリプトは勉強を始めたばかり・・・というレベルなのです比較的簡単なソースでお願いします） ソースは下記になります↓ <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="4">くだもの</td> <td>りんご</td> <td> </td> <td> </td> </tr> <tr> <td>みかん</td> <td> </td> <td> </td> </tr> <tr> <td>バナナ</td> <td> </td> <td> </td> </tr> <tr> <td>メロン</td> <td> </td> <td> </td> </tr> <tr> <td rowspan="2">野菜</td> <td>なす</td> <td> </td> <td> </td> </tr> <tr> <td>とまと</td> <td> </td> <td> </td> </tr> </table> よろしくお願い致しますm(__)m
- ベストアンサー
- JavaScript
- マウス位置取得方法
いつもお世話になっております。 現在tableの各セルにonmouseoverを入れて、マウスの動きに追従してセルの色が変わるものを作っています。 その際、マウスを高速で動かすとマウスに色の変化が付いてこない状態になってしまいます。 原因は td.style.backgroundColor="#FFOOFF" という処理は行われているのですが、マウスを動かし続けるとonmouseoverが呼ばれ続けて、styleの表示の反映が遅れているようです。 そこで解決する方法を考えて調査したのですが方法がわからなかったのでお聞きします。 方法）onmouseoverが呼ばれたセルと現在マウスがあるセルを比較して違うものであった場合、関数を終了する。 この方法は、マウスが連続して動いているときは関数を処理しないでおく方法ですが、関数を呼ばれた後にマウスが動いたことを察知する方法がわかりません。 javascriptはマルチスレッドができないので、関数のそのステップ現在でのマウスの位置を知る方法がありましたらご教授願います。 現在のコードは以下のようなものです。 <script> function hoge() { //通過したセルの色を変える } </script> <table> <TR> <TD onmouseover="hoge();"></TD> ..... <TD onmouseover="hoge();"></TD> </TR> </TABLE> このようなtableのセルが300ほどあります。 以上、何かできることがありましたら、ちょっとしたことでも情報をいただきたいです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- マウスオーバー時にテキストをスワップさせるには？
Dreamweaver3Jを使っているのですが、テキスト部分をマウスオーバーしたら、そのテキストの色を変えて、アンダーラインがでるようにするにはどうればいいのですか？ビヘイビアでさがしているのですが、見つかりません。丁度このOKwebでのメニューにあるような、テキスト部分をマウスオーバーするとアンダーラインが出てくる仕組みです。宜しくお願いします。
- 締切済み
- グラフィックソフト
お礼
ありがとうございます。 出来ました。 ソースの内容も言わんとしてることも大体わかりますし、思ったより簡単な作業で出来たので大変嬉しいです。 ありがとうございました。 これでちょっとかっこよくページが作れそうです。