JQuery Help Tooltip v1.0
HTML Code:
$(Element).helptooltip();
Demo: http://www.expbuilder.com/testpages/helptooltip/
Code:
HTML Code:
<span class="helps"> Click this help icon to test the help tooltip </span> <span><b>What is this ?</b> <br /> this is a test of JQuery Help Tooltip v1.0 <hr /> You can type any thing here !!</span> </div> <script type="text/javascript"> $(document).ready(function() { $(".helps").helptooltip(); }); </script>
tested and working with all browsers
Download JQuery Help Tooltip v1.0
1- Download jQuery JavaScript Library – jquery-1.3.2.min.js
2- JQuery Help Tooltip v1.0 – jquery.helptooltip.zip
JQuery Help Tooltip v1.0 SetUp
A. Head Tag
Import files:
HTML Code:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.helptooltip.js"></script> <link href="jquery.helptooltip.css" rel="stylesheet" type="text/css" />
B. Body Tag
HTML & JavaScript Code:
HTML Code:
<span class="helps"> Click this help icon to test the help tooltip </span> <span><b>What is this ?</b> <br /> this is a test of JQuery Help Tooltip v1.0 <hr /> You can type any thing here !!</span> </div> <script type="text/javascript"> $(document).ready(function() { $(".helps").helptooltip(); }); </script>
