JQuery Esay Tooltip v1.0

Author: Ahmed Elkadery
 

    


$(Element).easytooltip(formid)
Move your mouse point here to see what JQuery Esay Tooltip can do !!

tested and working with all browsers

 

Demo

Move your mouse point here to see what JQuery Esay Tooltip can do !!  

Demo - view source

HTML Code: 

    


<div id="formdisplay"

style="display: none;padding: 20px;background-color: #ffffff;border: 3px solid #000;width: 500px;">

    <h2>This is a Demo of Esay Tooltip</h2>

    you can but any thing you want here

</div>

Javascipt Code: 

    


<script>

$(document).ready(function()

{

    $(".demo").easytooltip("formdisplay");

});

</script>
 

Download JQuery Esay Tooltip v1.0

1- Download jQuery JavaScript Library

- jquery-1.3.2.min.js

2- JQuery Esay Tooltip v1.0

- easytooltip.zip

Download this demo

- easytooltip.package.zip

 

JQuery Esay Tooltip v1.0 SetUp

A. Head Tag

Import files:


    
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="easytooltip.js"></script>

B. Body Tag

HTML & JavaScript Code:


    


<div id="formdisplay"

style="display: none;padding: 20px;background-color: #ffffff;border: 3px solid #000;width: 500px;">

    <h2>This is a Demo of Esay Tooltip</h2>

    you can but any thing you want here

</div>



<script>

$(document).ready(function()

{

    $(".demo").easytooltip("formdisplay");

});

</script>