Categories
Related Products
Follow @expbuilder
Subscribe to  to get latest news
|
| Visit ExpBuilder group |
ExpBuilder hint creator v1.0
create your page hints with hint creator, Move your mouse here to test hint creator
$.hint(options{backgroundcolor, color, border, size, dir, width, font, opacity, img})
the demo HTML/JAvascript code:
<script type="text/javascript">
$.hint();
</script>
create your page hints with hint creator, <strong title="this is sample demo for ExpBuilder hint creator for testing ! - it's easy to use">Move your mouse here to test hint creator</strong>
Default use:
It convert the All attribute (title) to hint creator form:
<div title="this is a test">some text</div>
<a href="#" title="this is the test">link title</a>
just to run hint creator use the next javascript in any where just call it:
<script type="text/javascript">
$.hint();
</script>
Hint creator options
1- backgroundcolor
to change the background for hint creator
$.hint({backgroundcolor:'#e1e1e1'});
2- color
to change the font color
$.hint({color:'#e1e1e1'});
3-border
to change the border color
$.hint({border:'#e1e1e1'});
4- size
to change the font size
$.hint({size:12});
5- font
to change the font type
$.hint({font:'Arial'});
6- width
to change the hint width
$.hint({width:250});
7- dir
to change the direction text
$.hint({dir:'right'});
8- opacity
to set the hint creator opacity set(form 0 to 100)
$.hint({opacity:60});
9- img
to change the hint image icon
$.hint({img:'images/hint.png'});
Hint Creator SetUp:
Inside <head> Tag
1- include the Jquery library
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
2- include the hint
<script type="text/javascript" src="hint.expbuilder.js"></script>
3- call function on any part of the page
<script type="text/javascript">
$.hint();
</script>
Download Script
Download from Attachments
