首页  >  文章  >  web前端  >  使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框_jquery

使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框_jquery

WBOY
WBOY原创
2016-05-16 17:31:271727浏览

使用jQuery UI的tooltip()函数,可以使悬浮提示框不再那么千篇一律。点击这里先看看效果吧:http://www.keleyi.com/keleyi/phtml/tooltip/
以下是完整代码:保存到html文件打开也可以看效果。

复制代码 代码如下:





使用jQuery UI修饰title属性的气泡悬浮框(Tooltip) - 柯乐义







不一样的悬浮提示框


如果为一个元素添加了title属性,那么当光标移到该元素上时,会在元素旁显示出一个悬浮提示框。


一般悬浮提示框是无法使用样式修饰的,但如果使用jQuery UI,则可以显示不同效果了,方法很加单:$(document).tooltip();

把光标移到输入框(或超链接)上看看悬浮提示框的效果吧。



柯乐义 现在是样式一 样式二 原文




声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn