- ベストアンサー
ロールオーバーで指定の位置にテキストを配置
- みんなの回答 (2)
- 専門家の回答
関連するQ&A
- テキストにマウスオーバーで画像を変える方法
テキストにマウスオーバーで画像を変える方法 左のナビの例えば、ぶどうのテキストにマウスオーバーした時に、それに連動して右のぶどうの画像のコントラストを高くすることはjava scriptではできるのでしょうか? もちろん画像のコントラストを高めた画像は用意しますので、要はcssのロールオーバーみたいなことをテキストと連動して行いたいです。 ご回答をどうかよろしくお願いします。
- ベストアンサー
- JavaScript
- ロールオーバーの上にテキストを表示するには?
JavaScriptでロールオーバーを設置したのですが、その画像の上にテキストで説明を表示するにはどうしたらよいのか教えていただけるでしょうか。(テキストはマウスと関係なく常時表示) よろしくお願いします。
- 締切済み
- JavaScript
- あるテキストリンクにマウスオーバーしてる時に画像が
あるテキストリンクにマウスオーバー(マウスのカーソルが乗ってる状態)している時に となりにある画像が替わるように(ロールオーバー時みたいに)したいのですが、可能でしょうか? 画像対画像だったらできるのですが、 テキストリンクでも可能なのでしょうか? こちらの環境は Dream weaver CS5 を使用しております。 宜しくお願い致します。
- ベストアンサー
- HTML
- Flash MCにロールオーバーするとスライドインするテキスト
これをなんとかやってみようと試行錯誤してますがうまくいきません。ロールオーバーさせようとしているMCはマウスがロールオーバーすると拡大するというスクリプトが書かれています。このアクションと同時にマウスのロールオーバー時にテキストをスライドインさせたいのですが、どのようなスクリプトをかけばよいでしょうか? 透明ボタンを作って拡大されたMCとの当たり判定でテキストをスライドインさせる等の試行錯誤をしましたがうまくいきません。どうかご教授よろしくお願いします。 プライベートのチューターとして、時給でチューターを探そうとさえ考えています。
- ベストアンサー
- グラフィックソフト
- ロールオーバーで小窓を出したい。
今、ロールオーバーでリンクを指定してあります。 ロールオーバーはHPビルダー2001でつけました。 そのロールオーバーの編集でリンク付けてあります。 このリンクをロールオーバーしている画像を押した時に 小窓で表示される様にするにはどうすれば良いのでしょうか? 教えてください。
- ベストアンサー
- CSS
- スタイルシートでロールオーバーの小技を教えてください
スタイルシートでメニューを作りたいのですが、 メニューのボタンは画像にし、マウスをあてると別画像を呼び出す ロールオーバーはできたのですが以下のような動きは可能ですか? ■・・・デフォルト画像 □・・・ロールオーバーでかわる画像 <デフォルト> ■メニューA■ ■メニューB■ ■メニューC■ ┣■メニューC-1■ ┣■メニューC-2■ ┗■メニューC-3■ ■メニューD■ ------------------------- ※「メニューC-1」や「メニューC-2」や「メニューC-3」にマウスを あてたときに、マウスがあたっているメニュー画像と親メニューの 「メニューC」の画像を同時にオールオーバーさせたいのです。 <「メニューC-2」にマウスをあてる> ■メニューA■ ■メニューB■ □メニューC□ ┣■メニューC-1■ ┣□メニューC-2□ ┗■メニューC-3■ ■メニューD■ ------------------------- ↑上記のように「メニューC-2」と同時に親の「メニューC」も オールオーバーさせたいです。 すみませんが、ご教授よろしくお願いいたします。
- ベストアンサー
- その他(プログラミング・開発)
- ロールオーバーのタグについて教えてください。
はじめまして。 http://www.s-b-c.net/ 現在CSSを使って上のような横並びのロールオーバーのメニューを作成しています。 ロールオーバー自体は出来ているのですが、私が作ったサイトだと全部のボタンが改行なし、空白なし(スペースのための画像も含めて)でdreamweaverでは1行として書かれています。 上のサイトのように改行してキレイに見やすくできればいいのですが、タグを改行して書いていくと最後のボタンが下にずれてはみ出てしまいます。 改行と同時に空白ができているようです・・・ タグで普通に改行して書いても空白とかできるのでしょうか? できればきちんとこのままのボタンを利用して見やすいソースで作成したいのですが、やり方がわかりません・・・ やはり空白や改行なしで続けて挿入していくしかないのでしょうか? どうか教えてください。よろしくお願いいたします。
- 締切済み
- HTML
- widthを%指定した時のマウスオーバーのバグ
今仕事でレスポンシブなwebデザインをしています。一つ一つの画像の横幅を%で指定しているのでブラウザの横幅を縮めていくとレイアウトが崩れずに画像も小さくなっていきますが、この画像にjqueryでマウスオーバーを設定すると(画像に_on_offつけるだけの簡単なやつありますよね?)マウスオーバーで出てくる_onの画像が縮小されないで出てくるのです。なので小さい画像の上にいきなり原寸サイズの画像が半透明で被さるように出てきます。このせいでスマホで見たときにマウスオーバーがおかしくなるし、横スクロールバーが出てしまい、大変なことになります。 画像のwidthを%表示したときのマウスオーバーで安全なやり方はありますか?画像を入れ替えなくてもちょっと白っぽく明るくするだけでもいいんですが。
- 締切済み
- デザイナー・クリエイティブ職
- yuga.jsを使うとロールオーバー画像が表示されない
お世話になっております。質問させてください。 現在メニューの画像をyuga.jsに入っていないスクリプトで ロールオーバーさせているのですが、 ある1ページにだけ yuga.js関係のスクリプトを使用した所、 そのページのメニュータイトル画像だけが 表示されなくなってしまいました。 (マウスを載せるとロールオーバー後の画像は出てくるのですが) http://www.geocities.jp/meguri_mizu/test/pc/2008.html ↑こんな感じです…。左上の「役に立つパソコン」の部分です。 firefoxだとずっとマウスオーバーした時の画像が表示されたままになってしまいます。 yuga.jsでできる、名前に_onをつけてのロールオーバーにしても やっぱり自ページのメニューだけがうまく表示されません。 なぜなのでしょうか…? スクリプトが読めないのでどう直していいのか全然わかりません;; よろしければご教授ください。お願いします…。
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 なんとか解決できました♪