首页 > 其他分享 >15个友好的jQuery 提示框插件

15个友好的jQuery 提示框插件

时间:2023-07-04 20:32:53浏览次数:63  
标签:jQuery 插件 15 Tooltip jTip 提示框


需要在用户把光标移到某个元素上时显示一些额外信息时,提示框是一种不错的方式,提示框会在鼠标停留的时候显示,鼠标移开时消失。

 

适当的使用提示框能大大提升网站的友好度,并且可以节省一些不必要的网页空间,今天我们将看到15款制作友好的提示框的jQuery插件。

 

1. qTip

qTip是一款功能高级的提示框插件,它提供了非常多的特性,包括圆角框、提示泡泡等。

2. jQuery Tools/Tooltips

这个提示框插件能够显示任何的HTML元素,比如链接、表格、表单、图片,实现这些效果是很轻松的,你也可以轻松制作

出自己独特风格的提示框。

 

3. Simpletip

Simpletip 允许你通过Jquery的元素选择器和事件管理器轻松在任何元素上制作提示框,提示框可以使静态的、动态的、甚至可以通过ajax加载,并且都有非常多不 懂的显示效果。

 

4. jQuery (mb)Tooltip

jQuery (mb)Tooltip是一款通过 jQuery timers 和半透明阴影插件实现的漂亮的提示框插件,它为各种需求提供很多可选项。

 

5. EZPZ Tooltip

你不需要添加任何CSS或图片就可以扩展、定制提示框的样式风格。

 

6. jQuery Input Floating Hint Box

这个插件在表单右边提供一个自动变化的提示框,当输入框获得焦点时它就会显示,失去焦点时就隐藏。

 

7. HTML Tooltip

8. Orbital Tooltip

你可以用 Orbital Tooltip在目标元素的360°任何一个位置制作出一个提示框。

 

9. Tipsy

Facebook风格的提示框插件。

10. clueTip

11. jTip

jTip 利用 HttpXMLRequest 对象去获取内容,只要在链接上加一个”jTip”class,就可以获取远程地址提供的提示内容

 

12. BeautyTips

13. Hovertips

可扩展性极好,只需少量的javascript代码你就可以制定出自己风格的提示框。

 

 

14. BetterTip

BetterTip基于Cody Lindley的 jTip实现, 但是对比起来它扩展性更好。

 

15. jqTooltip

轻松通过ajax制作提示框。

 


标签:jQuery,插件,15,Tooltip,jTip,提示框
From: https://blog.51cto.com/u_8895844/6625123

相关文章

  • 10 个 jQuery 动态效果
    Whatevercontentyouhavetopresent,youcanpresenttheminamoreinteractive&moreresponsiveways.Inthisarticlewe’dliketopresent10BrillianttechniquesusingsomejQuerymagictograbtheattentionofyouruserswithasimple,richuser......
  • 2023容器网络趋势:CNI网络插件逐渐普及,Kube-OVN受欢迎度持续攀升
    今年,Kube-OVN社区联合OSCHINA、云原生社区共同发起了《2022-2023容器网络使用情况调研》,得到了大批K8s/容器网络技术人员的关注。本调研旨在更加直观地了解各行业企业容器网络的使用现状,以及Kube-OVN在社区用户中的使用情况,以便更全面地评估容器网络发展方向,更有针对性地规划Kub......
  • burp 插件编写
    挖洞效率好低,思来想去,还是得靠插件。0到1,的burp插件开发 https://portswigger.net/burp/extender/api/allclasses-noframe.html  接口文档,给出的接口的方法及其作用https://portswigger.net/burp/extender/api/constant-values.html#burp.IRequestInfo.CONTENT_TYPE_JSO......
  • chrome插件开发
    1.前置知识JavaScript一些基本前端知识2.环境准备运行环境:Chrome浏览器或Chromium内核浏览器(如Edge),在浏览器”拓展”中打开”开发人员模式”3.目录结构├──css//css文件├──html//html文件├──images//存放插件图标等图片├──js......
  • unity前后端通信 json解析 HTTP POST(BestHttp插件实现)
    1.配置请求体中的Json字符串1request_data=newRequestBodyClass();2request_data.a="Json第一个字段";3request_data.b="Json第二个字段";4stringbody=JsonUtility.ToJson(request_data);2.实例化HTTPRequest,请求头方法设置为POST,并且设置请求头中类型为json......
  • Flask插件---flask-caching (缓存)
    Flask插件---flask-caching(缓存)安装pipinstallflask-caching加载配置插件在exts.py文件中配置#exts.py:插件管理#扩展的第三方插件#1.导入第三方插件fromflask_sqlalchemyimportSQLAlchemyfromflask_migrateimportMigratefromflask_cachingimportC......
  • Visual Studio插件推荐
    MarkdownEditor功能:在VisualStudio中编辑Markdown文件。打开Markdown文件,右键可以打开插件的设置。比较难理解的几个设置......
  • Silhouette 2023.0.1 CE 影视后期ROTO跟踪抠像合成软件 支持AE/PR/达芬奇/VEGAS/OFX插
    Silhouette是一款被广泛应用于影视剧中Roto、抠像、擦威亚的特效合成辅助软件,正所谓术业有专攻,它就是为了应对这些脏活累活而诞生的。之前还有一款软件CommotionPro,但是已经停止开发,目前已经被这款Silhouette所替代,目前它也属于BorisFX家族的一员。软件下载Silhouette2023.......
  • jQuery 事件对象
    1.1.jQuery事件注册​ jQuery为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下:优点:操作简单,且不用担心事件覆盖等问题。缺点:普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。语法//语法element.事件名称(function()({})//点击事件......
  • ps汉化插件套装|最新 Retouch4me ​史上最强AI修图神器来了!
    Retouch4me是由鼎鼎大名的3DLutCreator作者开发的一套基于神经网络的人像照片快速精修工具,它功能强大,同时它基于神经网络,使得操作简单易上手,是一套备受推崇的经典插件。Retouch4me无需对皮肤问题区域进行手动操作,只需按一下按钮即可获得高质量结果!而且还可以实现专业工作流......