`
zhangyuanjava
  • 浏览: 126063 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

非常有用的提示框框架jquery

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

适当的使用提示框能大大提升网站的友好度,并且可以节省一些不必要的网页空间,今天我们将看到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框架Ajax技术写的自动补全效果

    使用jQuery框架Ajax技术写的自动补全效果,模仿搜索引擎的输入后下拉框提示功能

    jquery校验框架

    jquery校验框架,validate扩展错误提示

    jquery 最新版框架下载(1.32-1.8.3)

    jQuery是JavaScript语言的一个新的资源库(框架) 为方便大家使用将jquery1.7 中文手册打包到里面了 jQuery能快速,简洁的使用HTML documents, handle events, perform animations,并且能把Ajax交互应用到网页,jQuery...

    jquery-validate验证框架使用详解

    很好用的页面验证框架,对页面表单数据验证及提示很方便!

    vtip提示框标签 CSS jquery

    CSS提示框架 vTip提示层代码 jquery

    jquery 最新版框架下载(1.32-1.8.2)

    其中 jquery-jquery-1.5-vsdoc.js可以为Visual Studio提供jquery1.5的智能提示。 jQuery 1.5.1 发布,全面支持IE9 jQuery 1.5.1发布了!这是自jQuery1.5发布以来第一个小版本更新,并且解决了很多BUG。 据jQuery...

    框架集弹出框

    框架集让你也可以实现层的控制

    Ajax和Jquery实现谷歌百度搜索下来提示

    采用Ajax和Jquery和语言,基于Microsoft Visual Studio 2008平台,采用c#语言实现谷歌百度搜索下来提示,欢迎使用

    jquery.model:jquery实现手机框架

    jquery.model 实现手机框架(功能要求),尽量用css3的translate3d来控制页面切换效果,js只是来控制点击(focus)对dom的样式操作(addClass、removeClass、toggleClass) 界面结构 状态 打开样式 说明 status 在...

    jquery form 验证框架

    1):为了统一表单样式提示头统一加了label,如:产品名称; 2): 如果需要让某表单为必填项这需要添加属性“required="true"”,这样标题提示将会多出一个红星,并且未通过验证是不允许提交的,否则即使为空也可以...

    H+框架,以及75种常用jquery前端特效

    H+框架,以及75种常用jquery前端特效(例如:各种表单,各种按钮样式等,进度条,文字特效,提示框等)

    一个基于layui和jquery的后台框架

    search: '搜索...', // 布尔/字符串(字符串代表提示;如果设置为false,说明不需要显示,那么请删除class="lay-tree-menu"标签) //iframe: true, // 是否开启iframe模式 //theme: {'theme': 16, 'menu': 2, '...

    jQuery的可自动隐藏顶部消息提示框代码.zip

    //为 tips 提示框自定义 CSS,以下为默认 xcsoft.tipsCss = { height: '44px', fontSize: '16px' }; //隐藏、显示速度 ,默认 fast xcsoft.tipsHide=xcsoft.tipsShow=100; [removed] Jquery是...

    VS2008jQuery智能提示

    jquery-1.2.6--jQuery框架 jquery-1.2.6-vsdoc--jQuery英文提示 jquery-1.2.6-vsdoc-cn--jQuery中文提示(注意,在你需要中文提示的时候请把文件名改成和英文提示的文件名格式) 在页面中提示的话引入前两个js文件就...

    jQuery easyUI 前端JavaScript框架 v1.2.3

    摘要:脚本资源,Ajax/JavaScript,easyUI,JavaScript框架 jQuery easyUI——来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架。包括EasyUI.js核心文件、EasyUI.style样式对象...

    jquery 中读取properties

    之前的系统用的是Spring框架,国际化还是比较简单的。但是有一些提示是写在js文件里面的,搜了一些,发现一个js国际化的框架jquery.i18n.properties.js,用了一些还是比较方便的。

    WebIM_Ajax框架

    客户端使用 AJAX 心跳包拉数据,应用 JQuery 框架实现页面效果; 技术点: 1.CH2.Ajax 框架 2.动态js 3.动态css 4.jsonp跨域 5.iframe跨域 6.心跳包 7.ajax上传图片 8.裁切图片 9.js表单验证 10.悬浮层拖拽 11.列表...

    基于Python入侵检测,取证window日志系统框架 html + css + jquery + python 3.9

    框架 html + css + jquery + python 3.9 + flask + mysql set global sql_safe_updates=0; VMware win10_en 测试机。 实时监控计算机日志,如果发生以下行为取证规则,系统将语音警告提示管理员,和网管,并记录...

    基于Python入侵检测,取证window日志系统,框架 html + css + jquery + python 3.9

    框架 html + css + jquery + python 3.9 + flask + mysql set global sql_safe_updates=0; VMware win10_en 测试机。 实时监控计算机日志,如果发生以下行为取证规则,系统将语音警告提示管理员,和网管,并记录...

    Jquery、YUI、ExtJs 三大javascript框架表单验证带提示功能的demo

    Jquery、YUI、ExtJs 三大js主流框架,实现表单输入框的提示,错误验证的强大demo;

Global site tag (gtag.js) - Google Analytics