jQueryのツールチップ２（vTip）/ユーザー補助/SolidStateEveryday - Ajax,javascript,UIサンプルとチュートリアル -

ツールチップjquery-1.3.2.js

SAMPLE
CODE
DownLoad

<html>
<head>                                                             
<title>vTip Example</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="vtip.js"></script>
<link rel="stylesheet" type="text/css" href="css/vtip.css" />
<style type="text/css">
body { margin: 10px }
a { color: #7DC012 } 
img { border: 0 }
</style>
</head>

<body>

<a href="http://www.vertigo-project.com" title="ToolTipText" class="vtip">Link Tooltip</a>

<br /><br />

<img src="images/1.png" title="ToolTipText" class="vtip" />

<br /><br /> 

<div class="vtip" title="ToolTipText">This div has a tooltip.</div>
</body>
</html>

	Vertigo Project

jQueryを使用したツールチップスクリプトです。
要素は限定されておらず、class="vtip"を付加した要素のtitle属性をツールチップとしてポップアップします。
jQueryとvtip.jsを読み込むだけなので、導入も比較的簡単です。
ほんのりフェードインします。

セッティング

１．ダウンロード＆セッティング

サイトへ行き、vTip_v2.zip をダウンロードしてください。
解凍したら、cssフォルダ、imagesフォルダ、jQuery.js、vtip.jsをアップロード。
CSSやimagesは既存のものがあればまとめてしまった方が良いでしょう。
jQueryも最新版のものをお使いならアップする必要はありません。
vtip-min.jsというファイルもありますが、これはvtip.jsを圧縮したものなので、とくに改造することがなければ、この圧縮版をアップしてください。