リンク先の説明文をマウスカーソルの近くに一時的に表示するツールチップ。WEBでは主にJavaScript で実現されていますが、今回紹介する「CoolTips」はシンプルで半透明・角丸のツールチップを表示するためのJavaScriptです。 導入にはprototype.js、scriptaculous.jsを使っていて、必要なライブラリは全て「CoolTips — Neat tooltips under the mouse」からダウンロードできるzipファイルに含まれています。 詳しくは以下 設置したサンプル例 導入方法はそこまで難しくなく、まず以下のようにJavascriptとCSSをサイトに読み込みこませます。下記のコードを使う場合は現状「アップロード先」となっているところをアップロード先のパスに書き換えてください。 // JavaScriptの指定 <script type="tex
![半透明・角丸のツールチップを表示するJavaScript 「CoolTips」](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9735272679e7752c98924b32d1e3dd32b8b3d8e/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2008%2F03%2Fcooltips01.jpg)