16款Javascript提示工具(Tooltips)

当我们把鼠标放在一个链接上时,如果该链接设置了title属性,就会悬浮显示一个淡黄色背景的文本提示,这就是最基础的Tooltips提示工具。但其平凡的样子实在很难让人注意。利用Javascript则可以生成一些漂亮、高级的tooltips,这些提示信息不仅仅限于文本,还可以是图片,音频,视频甚至框架,并且可以包含HTML元素,方便使用CSS来美化。

先吸引到访问的眼球,才能达到提醒的目的。16款Javascript Tooltips提示工具

1. HelpBalloon.js (演示地址)

一个可灵活控制

2. jQuery.UI MessengerOutlook like message notification Widget (演示地址)

这个jQuery.UI控件类似于MessengerOutlook消息弹出提醒框。

3. Step by Step (演示地址)

该脚本能够为访问者逐步地展示和介绍当前页面所包含的内容,效果类似于Tooltips。

4. BeautyTips

BeautyTips是一个jQuery Tooltip插件.

5. qTip

6. Simple tooltip

Simple tooltip是一个非常简单的Tooltip jQuery插件。

7. Side Navigation Tooltip (演示地址)

利用jQuery为侧面导航菜单添加Tooltips气泡提示说明。

8. Notimoo (演示地址)

Notimoo这个Mootools插件能够为你的网站添加类似于Growl风格的消息通知。

9. Ajax Tooltip script

这个Tooltip根据页面标签title属性指定的链接地地通过Ajax获取气泡要显示的内容。

10. Growler (演示地址)

Growler是一个采用Prototype框架开发,用于实现在页面右下角或其它位置显示通知消息。类似于QQ或MSN的右下角提示消息。

11. jquery-rollover-tooltip (演示地址)

利用jQuery实现当鼠标移过图标上方时会出现一个气泡(tooltip),气泡中的内容读取自html tags属性。

12. MopTip (演示地址)

MopTip是一个采用jQuery开发的Tooltips插件。经测试支持Safari4、Firefox3、Opera9、IE6、IE7、IE8、Google crome等浏览器,且界面美观。

13. Mobile Tooltip widget

一个可以在图片上显示Tooltips的GWT 控件。随着鼠标在图片上移动,Tooltips也会跟着移动。

14. Roar (演示地址)

Roar是一个可以在屏幕右下角弹出消息提醒的Mootools插件。类似于QQ或MSN右下角弹出消息提示。

15. CSS ToolTip

可以使用CSS与JavaScript设计你Tooltips的风格。

16. Horizontal Tooltips Menu (演示地址)

一个带Tooltip提示的横向水平菜单,Tooltip滑动横跨在菜单面板下。

16款Javascript提示工具(Tooltips) | 帕兰映像收集整理自open-open

“16款Javascript提示工具(Tooltips)”的6个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注