qTip 基于JQuery的Tooltip插件[兼容性好]_jquery_脚本之家

复制代码 代码如下:

主页:

New Document

下载:

序号 用户姓名 电子邮箱 固定电话 移动手机 公司名称

示例:

qTip是一个基于JQuery的Tooltip插件。它几乎支持所有的主流浏览器例如:
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如下所示: 复制代码
代码如下:

澳门贵宾会娱乐官网 1

JS代码: 复制代码 代码如下:

css代码: 复制代码 代码如下:

6、Loading html html如下所示: Html代码 复制代码 代码如下:

Click me

JS代码: 复制代码 代码如下:

7、Modal tooltips html如下所示: Html代码 复制代码 代码如下:

Click here

JS代码: 复制代码 代码如下:

发表评论

电子邮件地址不会被公开。 必填项已用*标注