您好,欢迎访问一九零五行业门户网

jquery的Tooltip插件 qtip使用详细说明_jquery

例如:
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如下所示:
复制代码 代码如下:
basic text
js代码:
复制代码 代码如下:
效果如图所示:
2、title attribute
html如下所示:
复制代码 代码如下:
title attribute
js代码:
复制代码 代码如下:
效果如图所示:
3、image
html如下所示:
复制代码 代码如下:
image
js代码:
复制代码 代码如下:
效果如图所示:
4、corner values
html如下所示:
复制代码 代码如下:
corner values
js代码:
复制代码 代码如下:
效果如图所示:
5、fixed tooltips
html如下所示:
复制代码 代码如下:
js代码:
复制代码 代码如下:
css代码:
复制代码 代码如下:
效果如图所示:
6、loading html
html如下所示:
复制代码 代码如下:
click me
js代码:
复制代码 代码如下:
js代码
效果如图所示:
7、modal tooltips
html如下所示:
复制代码 代码如下:
click here
js代码:
复制代码 代码如下:
效果如图所示:
其它类似信息

推荐信息