- 締切済み
ロールオーバーの上にテキストを表示するには?
noname#39970の回答
>画像を背景にテキストを表示したい 「画像を背景に」「テキストを」表示? それならその文字のある場所の背景画像として指定すれば良いよ つまりhover内では background:url("BG.jpg") のようにしておいて通常の場合はtransparentか何かにしておいたら良いと思う。 http://www.google.co.jp/search?hl=ja&lr=lang_ja&q=javascript%20%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AE%E6%93%8D%E4%BD%9C
関連するQ&A
- 画像の上にマウスが乗ったときに、指定した場所にテキストを表示させる方法!
画像の上にマウスが乗っている時に、指定した別の場所に、任意のテキストを表示したいのですが、このようなことができるJavaScriptはあるのでしょうか? 例えば、写真集のようなものを作るときに、その写真の上にマウスを合わせると、決まったところに、その説明文がテキストで表示されるようにしたいのです。 もしあるようであれば、ぜひ教えてください。
- ベストアンサー
- JavaScript
- ロールオーバーで指定の位置にテキストを配置
画像のロールオーバーメニューで、マウスオーバー時に指定の位置にテキストが現れるようなメニューを作りたいのですが、そのようなjsだったり、jqueryなどありますでしょうか? 添付の画像のような感じで、メニュー1、2、3それぞれにマウスオーバーすると、メニュー1の横に必ずテキストが現れるようにしたいです。 もちろん、改行などもできるようにしたいです。 どうしたら良いでしょう?
- ベストアンサー
- JavaScript
- CSS マウスオーバーでテキストの上に画像を表示させるには?
CSS で hover を使い、マウスオーバーするとリンクのテキストの上に画像を持ってくる(テキストが見えない状態にする)方法というのはありますか? background-image を使うとテキストが見えてしまいます・・ マウスオーバーで 画像1→画像2 と表示させる方法はこちらの他の回答で見つけたのですが、テキスト→画像 と表示させる方法は見つかりませんでした。 よろしくお願いいたします。
- ベストアンサー
- HTML
- マウスをロールオーバーしたときに変わるテキストについて
JavaScript初心者なのですが、学校の宿題でわからないことがあって質問します。マウスをテキストにロールオーバーするたびにメッセージサイクルを2つではなく、3つにしたいのですが。わかりにくい説明ですみません。よろしくお願いします!
- ベストアンサー
- JavaScript
- ロールオーバーの親戚のような機能
2画像用意してロールオーバー機能でマウスカーソルを画像の上にかざすと連動変化しますが、マウスカーソルをかざさなくても、よくHPで見かける、画像が2~3秒ごとに勝手に連動して切り替わる仕組み、あれはどうすれば出来るのでしょうか?
- ベストアンサー
- JavaScript
- ロールオーバーで吹き出しをつけたい
お世話になっております。カテ違いでしたらすみません。 顔写真が横3つ縦3つと複数配置してあるホームページを作ろうとしています。マウスオーバーしたときに写真1つ1つから吹き出しが出るようにしたいのですが、これはjavascriptで作るのでしょうか?それともFlashでしょうか? 普通のjavascriptのロールオーバーは作ったことがあるのですが、今回はマウスポイント前(写真のみ)と後(写真+吹き出し)で画像の大きさが変わってしまうので、できるのか悩んでいます。(同じ写真のまま吹き出しだけが出るようにしたいのです) 計6枚の写真それぞれから吹き出しが出るようにしたいと思っています。所有ソフトはXP環境でDreamweaver8とFlash8です。どうぞよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 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サービス)
- テキストにマウスオーバーで画像を変える方法
テキストにマウスオーバーで画像を変える方法 左のナビの例えば、ぶどうのテキストにマウスオーバーした時に、それに連動して右のぶどうの画像のコントラストを高くすることはjava scriptではできるのでしょうか? もちろん画像のコントラストを高めた画像は用意しますので、要はcssのロールオーバーみたいなことをテキストと連動して行いたいです。 ご回答をどうかよろしくお願いします。
- ベストアンサー
- JavaScript
補足
回答ありがとうございます。 No.2で補足しましたように、hoverをもちいての方法は行っていたのですが、画像の切り替えが少しぎこちないので、JavaScriptで行い先読みで対応しようと思いました。 しかしテキストは載せられないので困っています。 それはできないのでしょうね。