Maison > interface Web > js tutoriel > 使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框_jquery

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

WBOY
Libérer: 2016-05-16 17:31:27
original
1760 Les gens l'ont consulté

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

复制代码 代码如下:





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







不一样的悬浮提示框


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


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

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



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




Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal