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ランキング
-
リンク先をマウスが移動すると...
-
JSPの処理の途中で、JavaScript...
-
Vba SelStart、SelLen教えてく...
-
デザイン時のVisible=Falseは実...
-
ASP(VBS) ←→ JavaScript の変数...
-
C#でTextBoxに数値のみ入力可能...
-
フォルダを自動で開く
-
初心者です。gulpでコンパイル...
-
リクエスト結果が一瞬しか表示...
-
resizeToメソッドが動作しません
-
1つのVBAコードをすべてのコア...
-
フォルダ内のファイル名を取得...
-
VC#でテキストボックスに変数の...
-
JavaScriptで ブラウザの閉じる...
-
正整数の半角数字かどうか判定する
-
独自の検索エンジンを作るには!?
-
javaScriptでグローバル変数に...
-
VB.NET2003 テキストボックスに...
-
ローカルフォルダにあるPHPファ...
-
IEで見ると「構文エラー」にな...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Windows Form のMSChartで、グ...
-
amazonの商品画像拡大のようなj...
-
リンク先をマウスが移動すると...
-
「光の三原色」みたいな「三つ...
-
画像の上にマウスをもってくる...
-
JavaScriptでwebAPIを呼び出す方法
-
ポップアップヘルプをフレーム...
-
画像のポップアップ
-
ページ全体の拡大/縮小が行え...
-
d3.jsを使っての折れ線グラフと...
-
静止写真を『じわっと』でる感じに
-
if(1){...}とはどういうことで...
-
JavaScriptで ブラウザの閉じる...
-
Vba SelStart、SelLen教えてく...
-
ブラウザ自体の事じゃなくてJav...
-
VB.NET2003 テキストボックスに...
-
JSPの処理の途中で、JavaScript...
-
gas 全角数字を半角数字に変換
-
デザイン時のVisible=Falseは実...
-
「終了していない文字列型の定...
おすすめ情報