说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

Tooltip(settings)-JQuery API

HTML文档下载 WORD文档下载 PDF文档下载
Tooltip(settings)为选择的元素显示自定义工具提示代替默认的提示。

Tooltip(settings)

为选择的元素显示自定义工具提示代替默认的提示。

The tooltip behaviour mimics the default one, but lets you style the tooltip and specify the delay before displaying it. In addition, it displays the href value, if it is available. To style the tooltip, use these selectors in your stylesheet: #tooltip - The tooltip container #tooltip h3 - The tooltip title #tooltip p.body - The tooltip body, shown when using showBody #tooltip p.url - The tooltip url, shown when using showURL

 

返回值

jQuery

 

参数

settings (Object): (optional) Customize your Tooltips 

Hash 选项

delay (Number): The number of milliseconds before a tooltip is display, default is 250 

event (String): The event on which the tooltip is displayed, default is "mouseover", "click" works fine, too 

track (Boolean): If true, let the tooltip track the mousemovement, default is false 

showURL (Boolean): If true, shows the href or src attribute within p.url, default is true 

showBody (String): If specified, uses the String to split the title, displaying the first part in the h3 tag, all following in the p.body tag, separated with <br/>s, default is null 

extraClass (String): If specified, adds the class to the tooltip helper, default is null 

fixPNG (Boolean): If true, fixes transparent PNGs in IE, default is false 

示例

说明:

Shows tooltips for anchors, inputs and images, if they have a title

 

jQuery 代码:

$('a, input, img').Tooltip(); 

--------------------------------------------------------------------------------

 

说明:

Shows tooltips for labels with no delay, tracking mousemovement, displaying the tooltip when the label is clicked.

 

jQuery 代码:

$('label').Tooltip({ delay: 0, track: true, event: "click" }); 

--------------------------------------------------------------------------------

 

说明:

This example starts with modifying the global settings, applying them to all following Tooltips; Afterwards, Tooltips for anchors with class pretty are created with an extra class for the Tooltip: "fancy" for anchors, "fancy-img" for images

 

jQuery 代码:

// modify global settings $.extend($.fn.Tooltip.defaults, { track: true, delay: 0, showURL: false, showBody: " - ", fixPNG: true }); // setup fancy tooltips $('a.pretty').Tooltip({ extraClass: "fancy" }); $('img.pretty').Tooltip({ extraClass: "fancy-img", });

撼动企业应用架构的十大技术趋势 Airbnb的管理之道:产品设计的点评策略与技巧 Windows 8.1 Update 1的下载地址和八点须知 《近匠》棱镜:手游渠道SDK平台的技术历程 OpenSSL究竟为何物,为何它的影响力如此之大? 关于Weblogic、Websphere、Jboss等几种服务器容器的比较 有没有比DBGrid还好的数据控件可以显示主从表数据 怪问题,特向各位大侠请教? 为什么属性页中的对话框遇到MessageBox就会死机! 奇怪的触发器问题! 我爱上你个女孩,可是我们先在只是做好朋友,内心矛盾。 加锁的问题 怎样用vb.net调用存储过程? 急! 新来的同志,大家给点帮助吧,先谢谢兄弟们了 Like life is a fairytale是 Life is like a agree that的意思 agree 的句型.全部 it.that...句型 是由于.,才.的意思.怎 “吾家有女初长成”的后面几句是什么?这几句话的意思 吾家有女初长成下一句是什么 吾家有女初长成是什么意思?比喻什么?我有点懂但是还 “吾家有女初长成”此句出自哪里?续上这首古诗词来. 吉林松原10分钟内连发两次地震 东北世界勤俭日 请从身边小事做起浦发银行设立伦敦代表处巴西“张开双臂”欢迎中国企业投资卫计委:将逐步探索新农合跨省就医结报浮躁出英雄,这是一个卖产品不如卖思维看哭了:月薪一万在北京过的日子是这样去年的魅族顶级旗舰MX4 Pro宝龙地产提出新谋略 全力做精品雷军发小米创始团队合影:公司创办16抗日火神无上生灵宅男传奇再世为兽末世第一丧尸女王大田旅游鸢尾花园旅游薛宅旅游浴鹄湾景区旅游昆嵛山旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘