15 jQuery Plugins To Create A User Friendly Tooltip
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相关推荐
- Best jQuery Plugins of 2010
[From: http://webdesignledger.com/resources/best-jquery-plugins-of-2010] Best jQuery Plugins of 2010 ...
- 不得不爱开源 Wijmo jQuery 插件集(13)-【Tooltip】(附页面展示和源码)
Wijmo Tooltip 可以给你的网站添加动感十足的提示信息,给您的最终用户完美的工具提示!在上一篇文章中我们,给大家介绍了 Wijmo -列表插件的特性及使用方法.感谢园子中朋友的支持,朋友们的 ...
- 30个流行的jQuery Plugins
jQuery,很流行的一个JS插件,最近某人深度迷上了它-..这次推荐的这30款,都是日常网站Designer最喜欢不过的了,其实说实话,也就是Lightbox效果的居多,不过没办法,随让Pictur ...
- jquery plugins
jQuery官网插件 jQuery自定义滚动条样式插件 jQuery custom content scroller examples Twitter typeahead typeahead.js t ...
- JavaScript(15) jquery循环方法
$.each(object,function(index,e){ ... }); object --> 需要遍历的对象或数组 index --> 索引 ...
- jquery easyui 1.4.1 验证时tooltip 的位置调整
现象是在表单中如果显示两列控件,右边的控件是combo,combobox 等右边有按钮的,宽度为100%时,验证不通过的tooltip 显示位置不准确如下图所示 打开 jquery.easyui-1. ...
- java 输入框插件_[Java教程][英] 推荐 15 个 jQuery 选择框插件
[Java教程][英] 推荐 15 个 jQuery 选择框插件 0 2015-07-23 15:00:06 jQuery Selectbox Plugins let you create beaut ...
- 全屏背景:15个jQuery插件实现全屏背景图像或媒体
动态网站通常利用背景图像或预加载屏幕,以保证所有资源都加载到页面上,在浏览器中充分呈现.现在很多网站都炫耀自己的图像作为背景图像全屏背景,追溯到旧的Flash网站却用自己的方式在HTML资源重布局. ...
- 使用 jQuery UI Widget Factory 编写有状态的插件(Stateful Plugins)
使用 jQuery UI Widget Factory 编写有状态的插件(Stateful Plugins) 使用 jQuery UI Widget Factory 编写有状态的插件(Stateful ...
最新文章
- python3 socketserver模块 网络服务编程框架
- 如果你不曾失败,只因你从未尝试
- MFC窗口位置和大小的获取
- GDCM:gdcm::Attribute的测试程序
- 安卓手机浏览器排行_安卓手机双11性价比排行发布|拯救者手机发透明版|小米发大光圈手机镜头...
- python os详解
- 大规模分布式系统架构与设计实战
- C++ 招聘干部录取系统
- 功能安全专题之端到端(E2E) 的通信保护
- My interest is the rules/ways to implement, go and insist with interest!!!
- JAVA和C#调用CSB服务示例
- vins estimator ProjectionFactor (Td) factor
- 【强化学习】《Easy RL》- Q-learning - CliffWalking(悬崖行走)代码解读
- 【一个项目开发的完整流程】
- batocera整合包_OGA 官方固件 + Retroarch + 睡眠模式 ES整合包
- TCP序列号和确认号
- 梦幻服务器是每周二维护吗,梦幻西游:这次的维护公告有意思,同一个活动居然有两个活动日期...
- matlab模拟土壤水分入渗,基于HYDRUS-2D的负压灌溉土壤水分入渗数值模拟
- java代码重构工具_代码重构什么意思 Java代码重构的几种模式
- STM32F407核心板定时器功能引脚分配