@author YHC
首先介绍一下,主要的作用,用作网页中的提示,例如新手入门的导航,看下图你就明白了,当然这个插件在提示上功能非常丰富;
下面主要介绍下载地址,以及入门的一个最小的 例子:
qTip2官网下载地址
qTip2官网推荐下载地址
由于现在的官网现在不能下载,它推荐了我们的下载地址去下载:
打开后你会看见一下的页面:
下载之后解压,找到下图中的文件:
以上压缩文件全路径:Craga89-qTip2-50bf02d.zip\Craga89-qTip2-50bf02d\dist
以下就是一个最简单的例子:
注意:这个是需要jQuery的他是基于jQuery的插件:jQuery是必须的;
运行之后,你就能看见,我上面的效果了;
以下是代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href="jquery.qtip.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.qtip.js"></script>
</head>
<body>
<div style="width:200px;height:200px;border:solid 1px red;position:relative;left:400px;" id="tip" >
<a href="http://www.baidu.com" id="little_a" target="_blank">haha</a>
</div>
</body>
<script type="text/javascript">
$('#little_a').qtip({
content: {
text: 'I slide in when hidden, none of this fading business for me!'
}
});
</script>
</html>
@author YHC
关于它的中文API
qTip Style
qTip Hide
qTip Show
qTip Position
qTip Content
qTip Core
All
分享到:
相关推荐
jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示
jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示框
qTip2 精致的jQuery提示信息插件
JQuery的前端气泡插件,包括js工具类及详细的使用实例,有注详细的注释
jquery qtip
主要介绍了jquery.qtip提示信息插件用法,结合简单实例形式分析了该插件用于显示提示信息的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用。
是qTip2的中文API PDF格式的,可以看看这篇文章http://blog.csdn.net/yhc13429826359/article/details/7796033
主要介绍了jQuery提示插件qTip2用法,结合实例形式分析了qTip2的使用技巧,可支持ajax及多种样式的设置,需要的朋友可以参考下
jquery-qtip,提示框。 使用很方便
jquery.qtip-1.0.0-rc3.js 弹出层
提示未功能,包括样式 位置 事件都可以 由自己定义 。。。很强很方便。。
jQuery qtip提示框插件制作5种常用的页面浮动提示框,通过鼠标滑过或点击触发浮动提示框,类似新浪微波滑过图片异步加载ajax提示框详细信息,等多种文字和图片提示框效果。
这个是它所有的属性中最全的中文API,详细信息请见:http://blog.csdn.net/yhc13429826359/article/details/7796033
前端项目-qtip2,介绍…第2季度。第二代高级qtip插件,用于流行的jquery框架。
提供为 Rails 3.1+ 资产管道打包的qTip2 jQuery 插件。 安装 将这些行添加到应用程序的Gemfile : # qtip2 jquery plugin packaged for the rails asset pipeline gem 'qtip2-jquery-rails' , '~> 2.2.100' 然后...
qTip是一个实现圆角对话气泡框样式的Tooltip jQuery插件。支持多种浏览器,可定制,功能强大。
Jquery实现自动化表单验证,qTip作提示媒介,以留言模版做实例,验证简洁可通用化