资源描述：
《jquery提示插件qtip2用法分析(支持ajax及多种样式)_jquery》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、jQuery提示插件qTip2用法分析(支持ajax及多种样式)本文实例讲述了jQuery提示插件qTip2用法。分享给大家供大家参考，具体如Qtip2插件提</p><p>2、示〈/script>/*从官方网站下载最新版本时，可以选择相应的样式及插
3、件；可选的样式包折几种色彩风格(ColourStyles)>CSS3相关样式如圆角；以及以下各种插件，可根据自己需要选择：Ajax,这个不用说，请求远程内容的Tips,气泡对话效果,如箭头Modal,模态对话框效果,如jQueryUIDialog/ThickBox的效果Imagemap,提供对map内area标记的提示支持SVG,对SVG元索提供提示的支持BGIFrame,用于IE6这种古董,如遮住select控件等除了以上插件的功能外，它的主要功能冇(仅列出较常用的):设置提示的内容、标题、关闭
4、按钮等使用元素的属性，来作为提示信息内容，如链接的标题(〈atitle，提示信息〃)、图片的提示«imgsre二〃提示信息〃)等等提示信息显示的位置捉示信息的目标，即显示到什么元素上提示信息显示/隐藏触发的事件，如鼠标移到元素上、点击(mouseenter,click)提示信息显示/隐藏的效果外观的定义，通过相应样式设置跟随可拖动目标、鼠标指针等*/$(function(){〃普通$("#demol〃)・qtip({content:"这是捉示内容(ByHuSir)});//带标题$(〃#demo2
5、〃).qtip({content:{text:z，＜b＞这是提示内容〈/b＞(ByIluSir)",title:/z提示标题〃}})；〃带关闭按钮的提示且延吋3秒关闭$(〃#demo3〃).qtip({contcnt:{text:这是捉示内容(ByHuSir)",title:'提示标题〃，button:关闭〃},hide:{event:false,//设置不自动关闭可配合inactive组合使用inactive:3000//设置延时关闭}})；〃使用AJAX请求远程$("#demo4〃).qtip
6、({content:{text:加载中…〃,ajax:{url:z，lwnicAtCnblogs・aspx?n3mc二}}})；〃点击时出现模态对话框$(〃#demo5〃).qtip({content:〃这是提示内容(ByHuSir)",show:{event:'click',//Showitonclick...solo:true,//...andhideal1othertooltips...$('#divl')modal:true//・・・andmakeitmodal},hide:false})
7、；〃页面加载完成时显示，且不会自动隐藏：$(〃#demo6〃).qtip({content:〃这是提示内容(ByHuSir)",show:{ready:truestyle:{//换样式阴影圆角叠加classes:'qtip-1ightqtip-shadowqtip-rounded'},hide:false,position:{my:5bottomleft',at:'topcenter"}});〃鼠标跟随$(，#demo7').qtip({content:{text:'Tampositionedin
8、relationtothemouse'},position:{target:'mouse',}})；〃使用元素的属性作为提示信息：//$(〃a[title]")・qtip();//从链接的title//$(〃img[alt]〃)・qtip();//从img的alt//$(〃div[title]〃)・qtip();//从div的title//也可以显式指定元索属性作为提示信息：//$('img[alt]').qtip({//content:{//attr:'alt'//}//})；/
