Javascript-CSS Tooltip

A custom tooltip which uses vanilla javascript and CSS3. It is tested in IE9+, Firefox 17+, Chrome 20+ and Safari 5.0+

The tooltip also take into account if it has enough space on the right or left side of the viewport. If not, it shows the tooltip on the left or right of the element.

Example

Hover me ipsum dolor sit, consectetur adipisicing elit. Aliquam, illo ut impedit! Quisquam fuga quo est? Nam alias, aliquam suscipit, atque, adipisci necessitatibus sunt dolore non iste debitis laboriosam Tooltip with a long description.

Tooltip in an overflow:hidden container

纯js和css3实现弹出tooltip提示插件特效

js-css-tooltip是一款使用js和css3制作的tooltip工具提示插件。该tooltip插件显示时带css3动画特效，并且会自动根据元素所在的位置来定位工具提示的位置。本段代码兼容目前最新的各类主流浏览器，适用浏览器：搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗，不支持IE8及以下浏览器。是一款不错的的特效插件，有兴趣的朋友们可以来下载试试。