<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tooltip Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tooltip.js"></script>
<script type="text/javascript" src="example.js"></script>
<link rel="stylesheet" href="example.css" type="text/css" />
</head>
<body>
<div>This is a test of tool tip 1 and my <span class="tipholder" data="This is a testing 1">test here</span></div>
<div>This is a test of tool tip 2 and my <span class="tipholder" data="This is a testing 2">test here</span></div>
<div>This is a test of tool tip 3 and my <span class="tipholder" data="<h1>Good News</h1><p>You are looking at the tooltip 3</p>">test here</span>. It is very interesting.</div>
</body>
</html>
|