Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

46 lines (45 sloc) 1.541 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>TipTip Demo Page</title>
<link rel="stylesheet" href="tipTip.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.tipTip.js" type="text/javascript"></script>
</head>
<body>
<header>
<hgroup>
<h1>TipTip jQuery plugin demo</h1>
<h2>Based off of Drew Wilson's TipTip project</h2>
</hgroup>
<p>Source: <a href="https://github.com/drewwilson/TipTip">https://github.com/drewwilson/TipTip</a></p>
<p>Site: <a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin">http://code.drewwilson.com/entry/tiptip-jquery-plugin</a></p>
</header>
<section>
<h2>Standard tooltips</h2>
<div>
<h3>Default</h3>
<a id="ex-1" href="#" title="I am a default tooltip.">Hover me.</a>
</div>
<div>
<h3>Top-aligned bubble</h3>
<a id="ex-2" href="#" title="I am a default tooltip.">Hover me.</a>
</div>
<div>
<h3>Will show 5 seconds after page load.</h3>
<a id="ex-3" href="#" title="I am a default tooltip.">Will show soon...</a>
</div>
</section>
<script type="text/javascript">
$('#ex-1').tipTip();
$('#ex-2').tipTip({
defaultPosition: "top"
});
$('#ex-3').tipTip();
setTimeout(function() {
$('#ex-3').tipTip('show');
}, 5000);
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.