http://english.chakin.com/
のように、あるリンクにマウスオーバーすると、
それの吹き出し(注釈?)が、ちょっと右下に表示されるようにするには、
どうやってJS/CSSをくめばいいのでしょうか?
なお、それについて書いてあるページをご存じでしたら、
それもお教え頂ければ幸いです。
以上、よろしくお願い申し上げます。
No.1ベストアンサー
- 回答日時:
>どうやってJS/CSSをくめばいいのでしょうか?
ソースを見ればわかりますが、吹き出しの部分はあらかじめposition:absoluteにして斜め下に表示されるように位置設定してあります。(親要素をposiiton:relativeで表示)
初期状態はdisplay:noneで非表示にしておいて、マウスのオン/オフに応じてjavascriptで吹き出し部分の表示/非表示を切替えています。
サンプルは、ご提示のページのCSSとスクリプトがそのままだといえますが、以下も多少は参考になるかも。
http://allabout.co.jp/gm/gc/23973/
http://www.syboos.jp/webjs/doc/visible-or-hidden …
http://www.kanaya440.com/contents/tips/javascrip …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- Word(ワード) Wordの目次作成についてです。 卒業論文で目次を作ることになりました。 本文は「見出し」の機能を使 1 2023/01/17 11:26
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- Visual Basic(VBA) 【マクロ】表への繰り返し転記について 1 2022/11/19 16:30
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで、表を絞り込み&ソ...
-
階層化されたメニューの作り方
-
プルダウンメニューの作成方法
-
Vba SelStart、SelLen教えてく...
-
javascript 文字列の最後から1...
-
Excel VBA にて JavaScript の...
-
ラベルの色がかわってくれない
-
JavaScriptで ブラウザの閉じる...
-
時間稼ぎの命令文とは?
-
JavascriptでのExcel起動について
-
JSPの処理の途中で、JavaScript...
-
クロスドメインでクッキーの取得
-
Webページ中の javascript をVB...
-
タブブラウザで focus() を実...
-
VC#でテキストボックスに変数の...
-
C#の質問です。
-
表示ページによって、aタグ内の...
-
計算結果が毎回違う。
-
リクエスト結果が一瞬しか表示...
-
Session切れ前にWarningメッセージ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Windows Form のMSChartで、グ...
-
amazonの商品画像拡大のようなj...
-
リンク先をマウスが移動すると...
-
「光の三原色」みたいな「三つ...
-
画像の上にマウスをもってくる...
-
JavaScriptでwebAPIを呼び出す方法
-
静止写真を『じわっと』でる感じに
-
ポップアップヘルプをフレーム...
-
画像のポップアップ
-
ページ全体の拡大/縮小が行え...
-
d3.jsを使っての折れ線グラフと...
-
if(1){...}とはどういうことで...
-
Vba SelStart、SelLen教えてく...
-
JavaScriptで ブラウザの閉じる...
-
ブラウザ自体の事じゃなくてJav...
-
VB.NET2003 テキストボックスに...
-
JSPの処理の途中で、JavaScript...
-
gas 全角数字を半角数字に変換
-
デザイン時のVisible=Falseは実...
-
「終了していない文字列型の定...
おすすめ情報