jQuery qTip2提示插件 (示例图,API)

阅读更多

@author YHC

首先介绍一下,主要的作用,用作网页中的提示,例如新手入门的导航,看下图你就明白了,当然这个插件在提示上功能非常丰富;

jQuery qTip2提示插件 (示例图,API)_第1张图片

下面主要介绍下载地址,以及入门的一个最小的 例子:

qTip2官网下载地址

qTip2官网推荐下载地址

由于现在的官网现在不能下载,它推荐了我们的下载地址去下载:

jQuery qTip2提示插件 (示例图,API)_第2张图片

打开后你会看见一下的页面:

jQuery qTip2提示插件 (示例图,API)_第3张图片

下载之后解压,找到下图中的文件:

jQuery qTip2提示插件 (示例图,API)_第4张图片

以上压缩文件全路径:Craga89-qTip2-50bf02d.zip\Craga89-qTip2-50bf02d\dist

以下就是一个最简单的例子:

注意:这个是需要jQuery的他是基于jQuery的插件:jQuery是必须的;

jQuery qTip2提示插件 (示例图,API)_第5张图片

运行之后,你就能看见,我上面的效果了;

以下是代码:



 
   New Document 
  
  
  
  
  
  
  

 

 
	
 
   

@author YHC

关于它的中文API

qTip Style

qTip Hide

qTip Show

qTip Position

qTip Content

qTip Core


All


你可能感兴趣的:(jQuery qTip2提示插件 (示例图,API))