Home > Features > JQuery: Tackling Tooltips • Bookmark   • Newsletters   • Register Search Options


JQuery: Tackling Tooltips

JQuery: Tackling Tooltips

October 29, 2011
Text size: 
View in Digital Mag
Get XBIZ News
XBIZ Research
Will virtual reality boost the paysite market?
Yes, it will soon
Yes, but in a few years
Out of 151 votes. Results based on votes submitted by members of XBIZ.net social network.

" Tooltip allows its users to configure the design, timing and positioning of their tooltips. "

The concept of online tooltips is not new; and is evidenced in previous technologies such as the image “alt” tags used within HTML, which display a textual alternative to visual media. Prior generation DHTML solutions were also deployed as a means of not only describing what a page element is, or how to interact with it, but to provide extended content for visitor edification and search engine optimization.

Today, the power of jQuery leverages the proven value of dynamic tooltips to deliver eyecatching benefits; such as the implementation offered by jQuery Tools, which boasts of its “tooltips done right,” Tooltip.

According to its publisher, Tooltip allows its users to configure the design, timing and positioning of their tooltips.

In its simplest initialization, Tooltip can be called thusly:


In this example, one or more elements are specified via jQuery to trigger a tooltip; using the trigger element’s title attribute to provide its tooltip’s content. The actual tooltip element is auto-generated in this case.

Manual tooltips are also available, using HTML elements such as DIVs, which are located adjacent to the trigger element. This allows for any HTML (including images and links) to be used as content, initializing the trigger without the use of the title attribute.

There are many configuration options available and CSS can be added into the code as well, i.e.:

$(".trigger").tooltip({ position: "bottom left", opacity: 0.7});

Sample code files and demos, royalty-free tooltip graphics and other resources are available from the script’s support website.


International Distributors Discuss Global Sex Toy Market Trends

The adult entertainment industry can bring considerable rewards to businesses that think globally, and that includes the lucrative sex toys/pleasure products market. European, Australian or Japanese companies... More »

Pleasure Product Manufacturers Talk Global Strategies for Success

From branding to shipping, companies with international reach talk to XBIZ about how to appeal to consumers worldwide. At LELO, trade marketing manager Zabrina Law says there is not a lot of variation... More »

E.U. Sex Toy Brands Bolster U.S. Market With Innovation

Europeans are living the American dream. Five weeks of paid vacation, government-funded medicine and education, and a healthier approach to sexual wellness are commonplace for our cousins across the ocean.... More »
Stay informed of the latest industry developments. Get XBIZ newsletters delivered to your inbox. Subscribe today!
Enter email address:

* To manage existing subscriptions click here.

Submit your press release to
multiple news outlets with 1 click.
Subscribe to RSS news feeds or
add free content to your website.
Access XBIZ news and articles
with your mobile device.
Subscribe to XBIZ World magazine, the industry's leading e-commerce trade publication, delivering in-depth coverage of the online, mobile and ancillary digital markets.



Nov 04 - Nov 06
Edison, New Jersey

2016 Inked Awards

Nov 05 - Nov 05
Edison, New Jersey

XBIZ 2017

Jan 09 - Jan 13
Hollywood, CA

XBIZ Awards 2017

Jan 12 - Jan 12
Los Angeles, CA
Everyday thousands of business professionals browse XBIZ's industry directory for quality products and services. Not listed yet? Your company could be losing potential new business. Submit your company today!
Use XBIZ RSS feeds to stay informed of the latest industry developments or as a content syndication tool for your website!