qtip jquery 提示插件使用指南
2012-03-31 11:13
701 查看
qTip2 精致的jQuery提示信息插件
2012-02-16 22:31 by 囧月, 2176 visits, 收藏, 编辑qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用。
qTip2采用了MIT/GPLv2许可,官方网站为:http://craigsworks.com/projects/qtip2/,目前还没发布一个稳定版,Nightly版本经常会更新,当然这并不影响正常使用。
简介
若不放心可以尝试旧版的qTip,但在一些参数上会有所不同;若是从qTip升级到qTip2,可以使用官方提供的转换工具来升级你的代码:http://craigsworks.com/projects/qtip2/converter/。如果使用时出现问题,那么直接下载以下3个文件吧,至少官方演示很正常:
?
Ajax,这个不用说,请求远程内容的
Tips,气泡对话效果,如箭头
Modal,模态对话框效果,如jQuery UI Dialog / ThickBox 的效果
Image map,提供对map内area标记的提示支持
SVG,对SVG元素提供提示的支持
BGIFrame,用于IE6这种古董,如遮住select控件等
除了以上插件的功能外,它的主要功能有(仅列出较常用的):
设置提示的内容、标题、关闭按钮等
使用元素的属性,来作为提示信息内容,如链接的标题(<a title="提示信息")、图片的提示(<img src="提示信息")等等
提示信息显示的位置
提示信息的目标,即显示到什么元素上
提示信息显示/隐藏触发的事件,如鼠标移到元素上、点击(mouseenter,click)
提示信息显示/隐藏的效果
外观的定义,通过相应样式设置
跟随可拖动目标、鼠标指针等
使用方法
以下就简单演示一些使用方法创建一个最简单的提示:
?
?
?
?
?
?
?
?
?
参数设置
先看一下qTip2默认的参数设置:?
?
?
?
?
?
结尾
关于qTip2就介绍到这里,更多信息请参阅以下链接:官方网站:http://craigsworks.com/projects/qtip2/
在线演示:http://craigsworks.com/projects/qtip2/demos/
官方文档:http://craigsworks.com/projects/qtip2/docs/
相关文章推荐
- jquery提示插件qtip2使用(全面)
- 【jQuery】jQuery插件qtip使用指南
- jQuery提示插件alertify使用指南
- jQuery提示插件alertify使用指南
- jQuery提示插件alertify使用指南
- jQuery提示插件alertify使用指南
- jQuery提示插件 qTip简单使用
- jQuery提示插件alertify使用指南!
- jQuery提示插件alertify使用指南
- jQuery提示插件alertify使用指南
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- jQuery 提示插件 qTip2 API
- jQuery拖拽插件gridster使用指南
- jQuery关键词说明插件cluetip使用指南
- myeclipse插件安装_spket插件的安装与使用完整图文版(extjs_jquery提示)
- qTip2 精致的jQuery提示信息插件
- qTip2 精致的jQuery提示信息插件
- Jquery 插件 qtip 实现丰富的提示效果
- 轻量级jQuery工具提示插件tooltipsy使用方法