Flashy unobtrusive boxes that give hints and tips to your visitors can be very helpful, informative, and improve your sign ups or sales. You can accomplish this nifty feat without any plugins or API’s weighing down your site. Of course with JQuery UI or Scriptaculous you could add some impressive eye candy and give your tool tips a more professional appeal.
Any time you require a user to click an information link or button you may be taking away from the user experience and even more possibly losing a repeat visitor. Using a tool tip is very easy and will give your visitor all of the information they need to complete a form or application without being diverted to another page or loading a pop up.
The Idea…
This is as easy as hiding and displaying a small area which contains your tool tip. All we need to do this is a few lines of CSS and our HTML for the tool:
CSS
display: inline;
position: absolute;
border: 1px solid #111;
background: #ccc;
padding: 5px;
margin-left: 10px;
}
a.tip span {
display: none;
}
a:hover {
background: #ccc;
}
/*The background for a:hover is a requirement for IE*/
Now all we need to do is create our page where we want our tool tip:
HTML
Easy as that! Want to see it in action? Move you mouse over the ToolTip DemoHere is our tooltip text then!
Anything you place within your SPAN tags in the A tag with a class of “tip” will generate your tool tip.
![[del.icio.us]](http://scriptperfect.com/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://scriptperfect.com/wp-content/plugins/bookmarkify/digg.png)
![[dzone]](http://scriptperfect.com/wp-content/plugins/bookmarkify/dzone.png)
![[Facebook]](http://scriptperfect.com/wp-content/plugins/bookmarkify/facebook.png)
![[Furl]](http://scriptperfect.com/wp-content/plugins/bookmarkify/furl.png)
![[Google]](http://scriptperfect.com/wp-content/plugins/bookmarkify/google.png)
![[LinkedIn]](http://scriptperfect.com/wp-content/plugins/bookmarkify/linkedin.png)
![[MySpace]](http://scriptperfect.com/wp-content/plugins/bookmarkify/myspace.png)
![[Newsvine]](http://scriptperfect.com/wp-content/plugins/bookmarkify/newsvine.png)
![[Propeller]](http://scriptperfect.com/wp-content/plugins/bookmarkify/propeller.png)
![[Reddit]](http://scriptperfect.com/wp-content/plugins/bookmarkify/reddit.png)
![[Slashdot]](http://scriptperfect.com/wp-content/plugins/bookmarkify/slashdot.png)
![[Spurl]](http://scriptperfect.com/wp-content/plugins/bookmarkify/spurl.png)
![[StumbleUpon]](http://scriptperfect.com/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Technorati]](http://scriptperfect.com/wp-content/plugins/bookmarkify/technorati.png)
![[Twitter]](http://scriptperfect.com/wp-content/plugins/bookmarkify/twitter.png)
![[Email]](http://scriptperfect.com/wp-content/plugins/bookmarkify/email.png)
Learn About Colon Cleanse…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Strip That Fat…
[...]I like to linking to other URLs on the WWW, even if those sites don’t happen to be similar to this blog, by pointing them out. Below are some links worth browsing[...]…
Flax Seeds Benefit…
[...] while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look. Posted in [...]…
Cheap Yankee Candles…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Russell Armstrong Indicates Its An Incredible Posting Well Done!…
Excellent post thinking I could add several unrelated posts, although still worth looking!!! fyi have one hear concerning Japan has got extra difficulties as well ……
Buy Electric Guitar Packages…
[...]below you’ll find the link to some sites that we think you should visit[...]…
Unlocked Mobile Phone…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Cieaura Tells You Its An Incredible Posting Well Done!…
Top story; thinking I might add some not related data, yet still worthwhile checking them out wow have one hear on the earthquake have more worries as well ?…
הכרויות בטלפון…
[...]below you’ll find the link to some sites that we think you should visit[...]…
Cheap trips to hawaii…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Learn About Wrinkle Cream…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Smoked Salmon Delivered…
[...]below you’ll find the link to some sites that we think you should visit[...]…
Wedding Invitations…
[...]below you’ll find the link to some sites that we think you should visit[...]…
MyFilmIs.com Tells You It’s A Great Write-up Cool…
[...] Neat story; thought we might add some not related data, yet really worthwhile looking, [...]…
P90X Workout Reviews…
[...]below you’ll find the link to some sites that we think you should visit[...]…
margarita maker…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Your Friend & Partner…
I really think your blog is great! I’ve added a link back here; I hope that’s alright as I’d like my readers to check your site & articles out. It’s on my site’s blog @ repek.org/blog. Always like to honor high quality content. Great job!…
6-week body makeover reviews…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Does Sensa Work…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Does Healthy Trim Work…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
SEO Service…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Colon Cleanse Review Site…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
portable air conditioning units walmart…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Rising gold Prices…
[...]while the websites we link to below are somehow unrelated to ours, we think they are worth a read, so have a look[...]…
baby furniture…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
hostgator coupons…
[...] the time to read or go to the content or web sites we have linked to below the [...] …
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Full Movie Downloads…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Web Builder…
[...]Loving the blog and checking other links[...]…
Amazing site…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Flash Website Builder It’s An Incredible Posting Congratulations…
Best story; so we want to track-back on it!!! fyi did you read the news regarding the earthquake has now got much more difficulties also
…
how to get ripped fast…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
[...]below you’ll find the link to some sites that we think you should visit[...]…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Cheap Bass Guitars…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Travel Deals…
[...]these internet websites might not really be fully relevant with our web site however we undoubtedly believe you should really see all of them[...]…
mlm secrets…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
nursery furniture…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Indepth my free webcams reviews and more…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]…
Great Hypnosis Resources…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Hostgator Brasil…
I’m reading this post from my I-Phone and it looks great! I like your writing style and you make some excellent points about $keyword. …
Patio slabs…
Love your blog first of all, what a great post, we are trying to write about similar subjects, so this article has really inspired me! Let’s hope I form some ideas and make a great post. Thanks for the help, Bookmarked….
best pc speakers…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Magniwork…
Terrific, practical implementable ideas. One of my challenges is keeping track of all the interesting things I come across that could be used… I have updated the old journalists idea of a clipping file to a bookmark folder called “Blog Ideas”. …
university search…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Interstates…
[...]here are a few backlinks in order to websites that we backlink to[...]…
Wine Aerator…
Terrific, practical implementable ideas. One of my challenges is keeping track of all the interesting things I come across that could be used… I have updated the old journalists idea of a clipping file to a bookmark folder called “Blog Ideas”. …
telecharger msn gratuit…
[...]ci-dessous vous trouverez le lien vers quelques sites que nous pensons que vous pouvez visiter[...]…
Debt Free…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Hey Hey)…
Do you have any more info on this?…
HellO!…
Hello! Want to exchange the trackbacks? I have posted to my blog, you can check! Thanks.
))…