online marketing

JQuery Esay Tooltip v1.0

Posted by admin on December-11-2009 Add Comments

Bookmark and Share


JQuery Esay Tooltip v1.0

Code:
$(Element).easytooltip(formid)

Demo: http://www.expbuilder.com/testpages/easytooltip/

To see the version 2.0 goto: http://www.expbuilder.com/vb/showthread.php?t=3

Code:

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>
HTML 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:

HTML Code:
<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:

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>

<script>

$(document).ready(function()

{

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

});

</script>



Your Ad Here


Post a Comment

You must be logged in to post a comment.