Win/Mac/FC2blog/Webでの情報配信や日記など
Home > スポンサー広告 > 記事内のテキストにマウスを乗せて説明窓を表示させる
驚愕！窓のあれを大公開！
こんにちは。いつもブログを見てくれてありがとうございます。それでは早速今日のブロ... (more…)
Home > スポンサー広告 > 記事内のテキストにマウスを乗せて説明窓を表示させる
Home > FC2blog Tips > 記事内のテキストにマウスを乗せて説明窓を表示させる
<a class="tooltip">TRASH<span>Windows/Macのオススメソフト・Tips紹介ブログ</span></a>●リンクありバージョン
<a href="http://blackcat13numbers.blog31.fc2.com/" class="tooltip">TRASH<span>Windows/Macのオススメソフト・Tips紹介ブログ</span></a>
a.tooltip span {
display:none;
padding:5px 5px;
margin-left:8px;
width:200px;
}
a.tooltip:hover span {
z-index:10;
display:inline;
position:absolute;
border:1px solid #ccc;
background:#fff;
color:#6c6c6c;
}勿論、CSS内の数値やカラーなどを変更することで、ツールチップのカスタマイズも可能です。アンカーテキスト以外だと、<p>でも使えるみたいで、この小技を勉強させていただいたサイトで詳細な説明が掲載されています。驚愕！窓のあれを大公開！
こんにちは。いつもブログを見てくれてありがとうございます。それでは早速今日のブロ... (more…)
Home > FC2blog Tips > 記事内のテキストにマウスを乗せて説明窓を表示させる
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | - | - | - | - | - |