category
サイト構築 -JavaScript

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

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

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

デモのキャプチャ

vTip
demo

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

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

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

Post on:2009年5月27日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS