jquery文件下载插件、jquery.filedownload.js 收藏 0

25款开源免费的jQuery工具提示插件

Sweet Tooltip：基于 CSS3 的工具提示插件，提供多种提示风格

qTip：强大且精致的jQuery提示信息插件

Hint.CSS：采用SASS构建的纯CSS工具提示库，无需 JavaScript 代码

grumble.js：可创建球形气泡的工具提示

TIPSY：类似于Facebook的工具提示插件

响应式且移动友好性非常强的CSS jQuery工具提示插件

Opentip：开源免费的JavaScript工具提示框架

qTip2：第二代qTip

Tooltipster：jQuery HTML5工具提示插件，允许你轻松创建语义和流行的工具提示

Ajax Tooltip：Ajax工具提示脚本

gdakram：一个简单的动画悬停工具提示的jQuery插件

Hovercard：免费且轻量级的jQuery插件，可以轻松的在弹出层中显示文本、链接或者其他任何 HTML 元素的相关信息

clueTip：方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题

simpletip：一个简单的 jQuery 的工具提示(tooltip)插件，至此静态、动态以及Ajax加载的工具提示内容

Pines Notify：JavaScript通知插件，用于Bootstrap或jQuery UI

JTip：jQuery & AJAX 工具提示解决方案

(mb)Tooltip：为你的使用jQuery的页面提供的一个美丽的tooltip

Prototip2：基于Prototype框架的信息提示(tooltip)插件，提供了多样的界面效果，并且具有很高的可定制性

UniTip：一个易于实现和定制,支持多浏览的tooltip脚本

Annotator：开源jQuery文本注解插件，包含注释、标签、用户

气泡式工具提示

一个优秀的超链接鼠标悬停提示

GIPS：清洁，简单的jQuery插件，支持CSS主题

地图标签&工具提示

Profile Tooltip：一款显示个人资料的工具提示插件

展示完美图片的jQuery插件——Lightbox

在做web前端项目时候，产品图片展示有不同的方式展出，客户比较常见的需求：需要点击小图，弹出大图，并且大图还可以直接点击按钮进行前后切换。这样的效果，有非常多的jQuery可以实现，今天推荐一款jQuery插件——Lightbox（据说出来已经9年左右了）。

主要特点：开源简洁小巧，易用，支持响应式，动画效果也不错！

官网地址：http://lokeshdhakar.com/projects/lightbox2/

gitHub地址：https://github.com/lokesh/lightbox2

使用方法：

1. 下载并引用jquery和lightbox插件：

1. <script src=\”js/jquery-1.11.0.min.js\”></script>

2. <script src=\”js/lightbox.min.js\”></script>

2. 引入插件所需的css样式：

1. <link href=\”css/lightbox.css\” rel=\”stylesheet\” />

3. 为你所需要展示的图片添加data-lightbox=\”roadtrip\”属性：

1. <a href=\”img/image-2.jpg\” data-lightbox=\”roadtrip\”>Image #2</a>

2. <a href=\”img/image-3.jpg\” data-lightbox=\”roadtrip\”>Image #3</a>

3. <a href=\”img/image-4.jpg\” data-lightbox=\”roadtrip\”>Image #4</a>

注意：如果插件已经运行了，但不显示关闭，和下一页的按纽，请检查CSS和和图片的路径是否正确！

具体的demo：http://dreamsky.github.io/main/blog/lightbox/

文/丁向明

做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833

http://dingxiangming.com

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com