25个优雅的jQuery Tooltip插件推荐

下面我们为你推荐 25 个最好的工具提示插件:

1. jqTooltip


jqTooltip

2. Pop! Simple Pop Menus with jQuery

Pop! Simple Pop Menus with jQuery

3. jGrowl

jGrowl

4. ProtoTip 2

ProtoTip 2

5. BetterTip

BetterTip

6. Tipsy – Facebook-Style Tooltip Plugin for jQuery

Tipsy – Facebook-Style Tooltip Plugin for jQuery

7. ClueTip

ClueTip

8. jHelperTip 1.0 – The Multi-Use Tooltip for jQuery

jHelperTip 1.0 – The Multi-Use Tooltip for jQuery

9. Build a Better Tooltip with jQuery Awesomeness

Build a Better Tooltip with jQuery Awesomeness

10. BeautyTips

BeautyTips

11. jQuery Tooltip – Tooltips done right

jQuery Tooltip – Tooltips done right

12. jQuery Ajax Tooltip

jQuery Ajax Tooltip

13. Shiny Tooltips

Shiny Tooltips

14. qTip – The jQuery Tooltip Plugin

qTip – The jQuery Tooltip Plugin

15. Easiest Tooltip and Image Preview Using jQuery

Easiest Tooltip and Image Preview Using jQuery

16. Orbital Tooltip

Orbital Tooltip

17. jQuery (mb)Tooltip 1.6

jQuery (mb)Tooltip 1.6

18. Coda Popup Bubbles

Coda Popup Bubbles

19. Simpletip

Simpletip

20. bQuery :: Good Tip & Tabworld

bQuery Good Tip & Tabworld

21. Digg-style post sharing tool with jQuery

Digg-style post sharing tool with jQuery

22. Generic Popups

Generic Popups

23. TipTip

TipTip

24. jQuery Horizontal Tooltips Menu Tutorials

jQuery Horizontal Tooltips Menu Tutorials

25. jQuery Form Validation and Tooltip

(0)

相关推荐

  • qTip 基于JQuery的Tooltip插件[兼容性好]

    主页:http://craigsworks.com/projects/qtip/ 下载:http://craigsworks.com/projects/qtip/download 示例:http://craigsworks.com/projects/qtip/ qTip是一个基于JQuery的Tooltip插件.它几乎支持所有的主流浏览器例如: Internet Explorer 6.0+ Firefox 2.0+ Opera 9.0+ Safari 3.0+ Google Chrome 1.0

  • jQuery插件Tooltipster实现漂亮的工具提示

    Tooltipster是一个轻量级的jQuery工具提示插件,可以快速的帮助你生成漂亮的工具提示. 1,加载jQuery和包括Tooltipster的插件文件 在您下载Tooltipster,移动tooltipster.css和jquery.tooltipster.min.js到根的CSS和JavaScript的目录.接下来,加载jQuery和包括您的标签里面Tooltipster的CSS和JavaScript文件: <head> ... <link rel="styleshe

  • jQuery Tools tooltip使用说明

    HTML 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>jQuery Tools standalone demo</title> <!-- include the Tools --> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

  • jQuery带箭头提示框tooltips插件集锦

    摘要: 之前给大家介绍过用CSS来实现带箭头的提示框,今天我们来点不太一样的,本文将分享几款带箭头提示框. qtip qTip是一种先进的提示插件,基于jQuery框架.以用户友好,而且功能丰富,qTip为您提供不一般的功能,如圆角和语音气泡提示,并且最重要的是免费.支持ie6+以及其他主流浏览器 grumble.js grumble.js提供了特殊的提示,北/东/南/西定位的一般限制.可以围绕一个给定的元素以任意角度旋转,任何距离可以被指定,任何CSS样式可以应用.自动尺寸调整为本地化的文本使

  • Jquery实现自定义tooltip示例代码

    Jquery实现自定义tooltip,具体代码如下 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication247.Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran

  • 基于jquery的自定义鼠标提示效果 jquery.toolTip

    IE下效果 Firefox或其它浏览器效果 代码 复制代码 代码如下: //版权 酷车中国 www.kuchechina.com //作者 逐月 zhuyue.cnblogs.com //演示 http://www.kuchechina.com/carstools/Default.aspx jQuery.fn.toolTip = function() { this.unbind().hover( function(e) { this.t = this.title; this.title = ''

  • jQuery自制提示框tooltip改进版

    自带的title的提示效果的响应速度是非常缓慢的,使用jQuery自制提示tooltip! HTML: <p><a href="#" title="超链接提示1" class="tooltip">提示1</a></p> <p><a href="#" title="超链接提示2" class="tooltip">提示2

  • jQuery实现ToolTip元素定位显示功能示例

    本文实例讲述了jQuery实现ToolTip元素定位显示功能的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

  • jquery插件tooltipv顶部淡入淡出效果使用示例

      内部使用 复制代码 代码如下: <head>    <title></title>    <link href="base.css" rel="stylesheet" type="text/css" />    <link href="jquery.tooltip.less" rel="stylesheet/less" type="text

  • jquery tools之tooltip

    如tabs的学习,首先给出操作的html目标代码: 复制代码 代码如下: <form id="myform"> <h3> Registration Form</h3> <!-- username --> <label for="username">Username</label> <input id="username" /> <div class=&quo

  • 使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框

    使用jQuery UI的tooltip()函数,可以使悬浮提示框不再那么千篇一律.点击这里先看看效果吧:http://www.keleyi.com/keleyi/phtml/tooltip/ 以下是完整代码:保存到html文件打开也可以看效果. 复制代码 代码如下: <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; cha

随机推荐