15 jQuery Plugins To Create A User Friendly Tooltip
来源:互联网 发布:超能勇士知乎 编辑:程序博客网 时间:2024/06/10 14:49
Tooltip is a good way to show extra information when user hovers the cursor over an element. The “hover box” will appear when the mouse hover in, and disappear when the mouse hover out.
If the tooltip is being used appropriately, it can improve our site’s user friendly level, and also save us a lot of spaces. Today, we are going to see 15 jQuery plugins to create an user friendly tooltip.
1. qTip
qTip is an advance tooltip plugin which provides tonnes of features like rounded corners and speech bubble tips.
2. jQuery Tools/Tooltips
This tooltip plugin can contains any HTML element such as links, table, forms, and images. Implementing this plugin is very easy. The default effects are sliceup and toogle. However, you can easily build your own effects.
3. Simpletip
Simpletip allows you to create tooltips with ease on any element on the page using the power of jQuery’s selectors and event management. The tooltips can be static, dynamic, or even loaded through AJAX with a variety of different visual effects.
4. jQuery (mb)Tooltip
jQuery (mb)Tooltip is a beautiful alternative tooltip which is depended on jQuery timers and dropshadow plugins. It has a lot of options for different needs.
5. EZPZ Tooltip
It is flexible enough to customize the look and feel without requiring the bloat of any CSS or images. Hover targets should be mapped to their content counterparts by convention.
6. jQuery Input Floating Hint Box
It provides an automatic box hint in the right side of an input, when focus on that input, and disappear when focus go (blur).
7. HTML Tooltip
Inline HTML Tooltip lets you define rich HTML tooltips that are embedded directly inside your webpage and that appear when the mouse rolls over links on your page. The tooltip appears directly beneath the anchor link, and adjusts its position dynamically based on whether the mouse is too close to the window’s edges.
8. Orbital Tooltip
With the Orbital Tooltip you can choose to position the tooltip on any object in a 360 degrees around it.
9. Tipsy
Tipsy is a jQuery for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.
10. clueTip
The clueTip plugin allows you to easily show a fancy tooltip when the user’s mouse hovers over (or, optionally, clicks on) any element you designate in your script.
11. jTip
jTip pulls content into a tool tip using the HttpXMLRequest object. By adding a class attribute value of “jTip” to a link element you can create a tooltip from the content found in the file the href is pointing too.
12. BeautyTips
BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event.
13. Hovertips
The hovertip plugin is quite flexible. With a little javascript, you can customize which nodes become the tooltips and which targets activate them.
14. BetterTip
BetterTip is a plugin for the JQuery library that allows you to create custom tool tips. It is based on Cody Lindley’s jTip, but it is much more flexible.
15. jqTooltip
The jQuery Tooltip Plugin allows you to easily create tooltips with ajax content.
- 15 jQuery Plugins To Create A User Friendly Tooltip
- 15 jQuery Plugins To Create A User Friendly Tooltip
- How to create a user in PostgreSQL
- How to create a remote desktop user
- Oracle Apps Script to create a new User Login Account
- Setup Was Unable to Create a DCOM User Account
- Simpler way to Create a Custom User Control
- User Xcode and GCC How to create a C programe
- [分享]Setup Was Unable to Create a DCOM User Account
- Create a new user
- Using TemplateRef to create a tooltip/popover directive in Angular 2
- How-To create a MySQL database and set privileges to a user
- API to CREATE FND User
- setup was unable to create a DCOM user account in order to register valec.exe
- Create a servlet that sends a zip file to the user
- 15 jQuery Plugins For A Better Photo Gallery And Slideshow
- Step by step to create a jQuery tabs plugin - 1
- Step by step to create a jQuery tabs plugin - 2
- 第二天----Java基础---面向对象上
- 第三天----Java基础---面向对象上
- D3D学习笔记之一---创建D3D环境的窗口
- J2mePolish 打包帮助
- 朝礼发表
- 15 jQuery Plugins To Create A User Friendly Tooltip
- Linux 基础
- 5.4版引入引出模板脚本如何导出?
- 升起窗口提示.html
- D3D学习笔记之二---创建基本图元
- 面向对象 下
- 转:Firebird 数据访问组件 (Delphi)
- VC写的肤色检测源代码
- 第七天 面向对象下