@author liuqing
1. 使用方法
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hello World</title>
</head>
<link rel="stylesheet" type="text/css"
href="jquery.qtip.min.css" />
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.qtip.min.js"></script>
<script type="text/javascript" src="qtip.js"></script>
<body>
<span title="这是用于添加用户">用户信息</span>
<table border="1">
<tr>
<td title="我们是中国请检查您的互联网连接状况，重新启动您可能正在使用的任何路由器、调制解调器以及其他网络设备。人">555555555555555555555555555</td>
</tr>
</table>
</body>
</html>
2. javascript 封装
$(document).ready(function()
{
// Match all <A/> links with a title tag and use it as the content (default).
$('td[title]').qtip();
$('span[title]').qtip();
});
3. 修改显示对齐方式
$(document).ready(function()
{
// Match all <A/> links with a title tag and use it as the content (default).
$('td[title]').qtip({position:{at:'bottom left'}});
$('tr[title]').qtip({position:{at:'bottom center'}});
$('span[title]').qtip({position:{at:'bottom left'}});
});
4.显示结果
5. demo
- 大小: 5.3 KB
分享到：
相关推荐
jQuery表单验证插件EasyValidator 2.0带TIP提示效果
jQuery tip cards插件用法实例：鼠标滑过翻转，比较集成的一个效果吧，不但是提示效果，还有焦点图切换特效，还有些文字和图片特效，可以自己整理下，用在自己的网页上，提示一下，请运行于支持HTML5的浏览器中。
本篇文章主要介绍了jQuery tip提示插件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
鼠标移动到文字上面显示图片。jquery插件。网页特效插件
jQuery翻转卡片式插件tip cards是一款鼠标滑过卡片，卡片半翻转显示，点击可弹出大的翻转效果。
主要分享了一款属于你的jQuery提示框（Tip）插件，功能很强大，希望大家喜欢
Poshy Tip jQuery Plugin,详情请下载查看，里面有详细说明。
89. 参考JQZOOM插件使用jQuery仿京东网产品展示切换及放大效果的代码 90. 又一款jquery自动轮播焦点图+内容的广告代码 91. 又一款非常不错的jQuery+div大气新闻图片切换插件代码(AnythingSlider)下载 92. 基于...
Protip是一款功能强大的jQuery Tooltip插件。它提供众多的参数和方法来控制Tooltip，可以在49个位置上显示Tooltip，并且可以和animate.css配合制作各种Tooltip过渡动画效果。
Poshy Tip 是一个强大的jQuery Tooltips插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置，它有还有许多其它强大的功能，您可以通过附件中的DEMO查看。
jQuery鼠标滑过翻转卡片式插件tip cards.zip
89. 参考JQZOOM插件使用jQuery仿京东网产品展示切换及放大效果的代码 90. 又一款jquery自动轮播焦点图+内容的广告代码 91. 又一款非常不错的jQuery+div大气新闻图片切换插件代码(AnythingSlider)下载 92. 基于...
个人平时收集的Jquery插件：类似QQ弹出消息、图片幻灯片、tip提示、进度条、右键菜单、基于cookie的右下角弹出广告等
自己做的jquery模拟select插件，用这还不错，整合qtip实现了提示功能，希望对大家有帮助
使用JQuery开发的一套前台js校验插件，使用layer的tip做错误提示，支持配置校验，支持行内自定义属性验证。内置多种校验规则，可扩展校验规则，使用方便简单，详细介绍参考文章...
Poshy Tip 是一个强大的jQuery 工具提示插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置。
jquery tip插件，简单易用，支持php、java、c#
我们在制作页面的时候，可以在img里写上alt，或是在a标签里写上title，这样就用提示文字了，不过，外观就是那个样式啦。...我们在很多页面中，经常可以见到划过文字或图片有tip的显示的，今天我也推荐jquery.tipsy