@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