基于bootstrup 3的jQuery tooltip插件

ggtooltip.js是一款非常实用的基于bootstrup 3.X的jQuery tooltip插件。该jQuery tooltip插件实用简单,支持在4个方向上像素tooltip信息,支持修改tooltip的背景色、前景色和边框颜色。

它的特点有:

  • 支持4个上下左右4个方向显示tooltip。
  • 不限制背景颜色。
  • 不限制字体颜色。
  • 可以自由设置tooltip的边框颜色。
  • 支持各种触发tooltip的事件,如:click、hover、focus 或手动触发。
  • 基于HTML5CSS3jQuery制作。

在线演示:http://www.htmleaf.com/Demo/201503081483.html

下载地址:http://www.htmleaf.com/jQuery/Tooltips/201503081482.html

时间: 2024-10-10 22:11:24

基于bootstrup 3的jQuery tooltip插件的相关文章

Jquery常用插件整理(持续更新中)

1. X-editable 这个插件能够让你在页面上创建可编辑的元素.它能够使用任何引擎(bootstrap.jquery-ui.jquery),并且包含弹出式和内联模式. 2. Garlic.js Garlic.js 自动在本地保存表单文本字段的值,直到表单被提交.这样,你的用户如果不小心关闭选项卡或浏览器,也不会失去任何宝贵的数据. 3. Pickadate.js 完全响应式和轻量级的 jQuery 日期输入选择器. 4. jHERE 有了 jHERE,你可以很容易地添加互动地图到您的网站中

基于bootstrup的jQuery超酷hero幻灯片特效

bpHS是一款基于bootstrup的炫酷jQuery hero幻灯片插件.该幻灯片插件小巧实用,可以通过data属性来设置幻灯片的动画效果,还提供了许多参数用于控制幻灯片. 在线演示:http://www.htmleaf.com/Demo/201502201398.html 下载地址:http://www.htmleaf.com/jQuery/Slideshow-Scroller/201502201397.html

基于bootstrup的jQuery多功能模态对话框

这是一款非常实用的基于bootstrup的jQuery多功能模态对话框插件.该jQuery模态对话框集警告框.确认框和对话框于一体.是一款不可多得的多功能.多用途的模态对话框插件. 它的主要特点有: 可以通过AJAX直接将调用内容到对话框中. 可以在指定的时间后自动关闭对话框. 可以设置为点击模态背景不关闭对话框. 拥有丰富的回调函数. 在线演示:http://www.htmleaf.com/Demo/201502141378.html 下载地址:http://www.htmleaf.com/j

基于bootstrup的jQuery多级列表树

bootstrap-treeview是一款效果非常酷的基于bootstrup的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树.列表树等等. 在线演示:http://www.htmleaf.com/Demo/201502141380.html 下载地址:http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html

基于Twitter Bootstrap 3的jQuery下拉列表插件

metisMenu是一款基于Twitter Bootstrap 3的炫酷jQuery下拉列表插件.该下拉列表插件在原生bootstrup下拉列表的基础上进行了美化,使其支持多级下拉菜单.列表树和鼠标滑过展开等特效. 在线演示:http://www.htmleaf.com/Demo/201502281435.html 下载地址:http://www.htmleaf.com/jQuery/Menu-Navigation/201502281434.html

Bootstrup增强版jQuery slider滑块插件

这是一款在原生bootstrup slider的基础上制作效果非常炫酷的jQuery slider插件.该slider插件可以自定义slider的颜色.形状.透明度和tooltip等属性,美化的效果非常好. 这个bootstrup slider插件可以不依赖于jquery,使用纯js的方式也可以操作它. 作为jQuery插件版本的bootstrap-slider var mySlider = $("input.slider").slider(); <pre name="

基于Bootstrup的jQuery日期时间选择器

bootstrap-datetimepicker是一款基于Bootstrup 3的超实用jQuery日期时间选择器.通过该插件你可以非常容易的创建很酷的bootstrup样式的日期时间选择器. 你也可以通过修改css文件来自定义它的样式. 该jQuery日期时间选择器的最小外部依赖需求是: jQuery Moment.js Bootstrap.js(如果你不想使用完整的bootstrup,至少需要transition 和collapse) Bootstrap Datepicker script

基于JQuery.timer插件实现一个计时器

基于JQuery.timer插件实现一个计时器,需要的朋友可以参考下. 先去官网下载jQuery Timers插件 ,然后引用到html中.这里是1.2 version 复制代码代码如下: <script src="../Javascripts/Plugins/jquery.timers-1.2.js" type="text/javascript"></script> 然后是HTML,我们可以放一个hidden 的server control

10个web前端基于jQuery动画插件及源码

1.超赞的页面加载进度自动指示和 Ajax 导航效果 在页面中引入 Pace.js 和您所选择主题的 CSS 文件,就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果.不需要挂接到任何代码,自动检测进展.您可以选择颜色和多种效果,有简约,闪光灯,MAC OSX,左侧填充,顶部填充,计数器和弹跳等等. 在线演示 源码下载 2.ProgressBar.js – 漂亮的响应式 SVG 进度条 ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果.使用 Progr