16款js toolTip插件
当我们把鼠标放在一个链接上时，如果该链接设置了title属性，就会悬浮显示一个淡黄色背景的文本提示，这就是最基础的Tooltips提示工具。但其平凡的样子实在很难让人注意。利用JavaScript则可以生成一些漂亮、高级的tooltips，这些提示信息不仅仅限于文本，还可以是图片，音频，视频甚至框架，并且可以包含HTML元素，方便使用CSS来美化。先吸引到访问的眼球，才能达到提醒的目的。16款Javascript Tooltips提示工具。
1. HelpBalloon.js (演示地址)
http://paranimage.com/images/javascript/javascript-18-10-55g.jpg
一个可灵活控制
2. jQuery.UI MessengerOutlook like message notification Widget (演示地址)
http://paranimage.com/images/javascript/javascript-20-58-35a.jpg
这个jQuery.UI控件类似于MessengerOutlook消息弹出提醒框。
3. Step by Step (演示地址)
http://paranimage.com/images/javascript/javascript-9-2-26f.jpg
该脚本能够为访问者逐步地展示和介绍当前页面所包含的内容，效果类似于Tooltips。
4. BeautyTips
http://paranimage.com/images/javascript/javascript-12-6-7b.jpg
BeautyTips是一个jQuery Tooltip插件.
5. qTip
http://paranimage.com/images/javascript/javascript-23-25-23.jpg
6. Simple tooltip
http://paranimage.com/images/javascript/javascript-18-46-10d.jpg
Simple tooltip是一个非常简单的Tooltip jQuery插件。
7. Side Navigation Tooltip (演示地址)
http://paranimage.com/images/javascript/javascript-9-29-30g.jpg
利用jQuery为侧面导航菜单添加Tooltips气泡提示说明。
8. Notimoo (演示地址)
http://paranimage.com/images/javascript/javascript-18-43-39b.jpg
Notimoo这个Mootools插件能够为你的网站添加类似于Growl风格的消息通知。
9. Ajax Tooltip script
http://paranimage.com/images/javascript/javascript-18-20-55d.jpg
这个Tooltip根据页面标签title属性指定的链接地地通过Ajax获取气泡要显示的内容。
10. Growler (演示地址)
http://paranimage.com/images/javascript/javascript-15-47-43a.jpg
Growler是一个采用Prototype框架开发，用于实现在页面右下角或其它位置显示通知消息。类似于QQ或MSN的右下角提示消息。
11. jquery-rollover-tooltip (演示地址)
http://paranimage.com/images/javascript/javascript-15-5-44.jpg
利用jQuery实现当鼠标移过图标上方时会出现一个气泡(tooltip)，气泡中的内容读取自html tags属性。
12. MopTip (演示地址)
http://paranimage.com/images/javascript/javascript-15-0-55j.jpg
MopTip是一个采用jQuery开发的Tooltips插件。经测试支持Safari4、Firefox3、Opera9、IE6、IE7、IE8、Google crome等浏览器，且界面美观。
13. Mobile Tooltip widget
http://paranimage.com/images/javascript/javascript-22-52-23g.jpg
一个可以在图片上显示Tooltips的GWT 控件。随着鼠标在图片上移动，Tooltips也会跟着移动。
14. Roar (演示地址)
http://paranimage.com/images/javascript/javascript-0-9-57e.jpg
Roar是一个可以在屏幕右下角弹出消息提醒的Mootools插件。类似于QQ或MSN右下角弹出消息提示。
15. CSS ToolTip
http://paranimage.com/images/javascript/javascript-18-9-17f.jpg
可以使用CSS与JavaScript设计你Tooltips的风格。
16. Horizontal Tooltips Menu (演示地址)
http://paranimage.com/images/javascript/javascript-14-17-31b.jpg
一个带Tooltip提示的横向水平菜单，Tooltip滑动横跨在菜单面板下。
页:
[1]