ロールオーバーについての質問です
-
0 名前： ダイキ ： 2006/12/06（水） 00:43 ID:SfBd6vBa
- ロールオーバー(以下RO)機能で「画像→画像」はできるのですが、「文字→画像」のROができません。
もし知っている方がいらっしゃいましたら、ご指導お願いします。
-
1 名前： ciel ： 2006/12/06（水） 00:43 ［URL］ ID:3mxvOBRc
- それはボタンとしてのロ−ルオーバーですか?
また文字部分を画総にしてロールオーバーでは駄目なんでしょうか？
-
2 名前： くりまんじゅう ： 2006/12/06（水） 00:43 ID:35wXoChM
- ま、こんなんで、やってみそ
<div id="x" onmouseover="document.getElementById(this.id).innerHTML='<img src=\'images/zohan1.jpg\'>'">造反議員</div>
-
3 名前： ciel ： 2006/12/06（水） 00:43 ［URL］ ID:gZjZvdqc
- 先の書き込み訂正します。
×画総にしてロールオーバー
○画像にしてロールオーバー
ボタンであると仮定してサンプル作ってみました
http://park12.wakwak.com/%7Eciel/rollover.html
よく見かける画像置換と言う手法を使ってみました
CSSでロールオーバーさせています
どうやるかはソースを見てくださいhead部分にcssを記載しております
マウスオーバーの状態の時CSSで(hover)背景に画像を表示させます。
元々有った文字はマウスオーバーの状態(hover)のときはCSSでインデントで-9999px画面の左のウィンドウの外に飛ばしてますので見えません。
マイナス的な要素も有りますので画像置換については色々検索して理解しておく事をお勧めします
http://mb.blog7.fc2.com/blog-entry-50.html
http://www.fsiki.com/jet/css-xhtml/text-indent.html
