jquery的Tooltip插件 qtip使用详细说明_jquery
- WBOY原创
- 2016-05-16 18:19:581675浏览
例如：
Internet Explorer 6.0+
Firefox 2.0+
Opera 9.0+
Safari 3.0+
Google Chrome 1.0+
Konqueror 3.5+
使用qTip可以很轻松的定义tip的位置以及样式，同时qTip还有一个强大的API......
使用qTip前，只需引入两个JS文件即可：
复制代码 代码如下:
下面举几个比较简单的例子。
1、Basic text
html如下所示：
复制代码 代码如下:
JS代码：
复制代码 代码如下:
效果如图所示：
2、Title attribute
html如下所示：
复制代码 代码如下:
JS代码：
复制代码 代码如下:
效果如图所示：
3、Image
html如下所示：
复制代码 代码如下:
JS代码：
复制代码 代码如下:
效果如图所示：
4、Corner values
html如下所示：
复制代码 代码如下:
JS代码：
复制代码 代码如下:
效果如图所示：
5、Fixed tooltips
html如下所示：
复制代码 代码如下:
JS代码：
复制代码 代码如下:
css代码：
复制代码 代码如下:
效果如图所示：
6、Loading html
html如下所示：
复制代码 代码如下:
JS代码：
复制代码 代码如下:
Js代码
效果如图所示：
7、Modal tooltips
html如下所示：
复制代码 代码如下:
JS代码：
复制代码 代码如下:
效果如图所示：
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn