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ランキング
-
二次元配列を使って順位をだす...
-
Google scriptについて 至急scr...
-
読み込んだQRコードをフォーム...
-
イラストレーター、縦中横のシ...
-
プラグイン無しでContactform7...
-
プルダウンから1個選んで、豆知...
-
GASでチェックボックスを一括of...
-
二次元配列の中の各行の要素を...
-
出発駅A、到着駅Bを選択すると...
-
アップロードファイルの種類に...
-
初心者です。gulpでコンパイル...
-
スマホ上で、左右スワイプで次...
-
【Google Apps Script】「ライ...
-
①入力フォーム→②確認表示画面→③...
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
「光の三原色」みたいな「三つ...
-
ホームページビルダーを使って...
-
階層化されたメニューの作り方
-
javaで「花が散る」
-
JSON形式でのページング処理に...
-
【JavaScrip】メニューボタンに...
-
amazonの商品画像拡大のようなj...
-
d3.jsを使っての折れ線グラフと...
-
JavaScriptで、表を絞り込み&ソ...
-
プルダウンメニューの方法
-
ページ全体の拡大/縮小が行え...
-
リンク先をマウスが移動すると...
-
チェックボックスを利用した見...
-
画像のポップアップ
-
プルダウンメニューの作成方法
-
C#で枠無しウィンドウの移動
-
画像の一部を拡大する方法を教...
-
JavaScriptでwebAPIを呼び出す方法
-
サイト上にある辞書のようなも...
-
JSPの処理の途中で、JavaScript...
おすすめ情報