<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JS代码,气泡,提示信息,tips" />
<meta name="description" content="JS实现的非常轻量级的动态提示信息框效果，更多气泡,提示信息,tips请访问脚本之家JS代码频道。" />
<title>JS实现的非常轻量级的动态提示信息框效果_脚本之家</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: 100px }
a { color: #7DC012 }
img { border: 0 }
</style>
</head>
<body>
<a href="http://www.vertigo-project.com" title="This is an example of a link tooltip." class="vtip">Link Tooltip</a>
<br /><br />
<img src="http://www.vertigo-project.com/vertigo.png" title="Vertigo Project Image!" class="vtip" />
<br /><br />
<div class="vtip" title="This tooltip shows for the whole div!">This div has a tooltip.</div><br>
<div style="text-align:center;clear:both">
<p>来源：<a href="http://www.jb51.net" target="_blank">vertigoProject</a> 代码整理：<a href="http://www.jb51.net" target="_blank">脚本之家</a> 感谢：<a href="http://www.jb51.net" target="_blank">黑土</a></p>
<p>转载请注明出处，此代码仅供学习交流，请勿用于商业用途。</p>
</div>
</body>
</html>
