Heim >Web-Frontend >js-Tutorial >使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框_jquery

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

WBOY
WBOYOriginal
2016-05-16 17:31:271756Durchsuche

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

复制代码 代码如下:





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







不一样的悬浮提示框


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


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

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



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




Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn