[JS]超軽量で、シンプルなツールチップを実装するスクリプト -vTip

リンクをはじめ、画像やdiv要素にもツールチップを実装する超軽量(1.1KB)のスクリプトをVertigo Projectから紹介します。

デモのキャプチャ

vTip
demo

vTipの設置は簡単で、JSとCSSを外部ファイルで指定し、ツールチップを表示する要素に「class="vtip"」を記述します。
ツールチップに表示するテキストは、title属性に記述します。

ツールチップの表示位置は、スクリプト内の「this.xOffset」と「this.yOffset」で変更することもできます。

vTipはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2024 coliss