使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
更新时间：2013年06月24日 17:10:49 投稿：whsnow
使用jQuery UI的tooltip()函数，可以使悬浮提示框不再那么千篇一律，以下是完整的代码，感兴趣的朋友可以参考下哈，希望对大家有所帮助
使用jQuery UI的tooltip()函数，可以使悬浮提示框不再那么千篇一律。http://www.keleyi.com/keleyi/phtml/tooltip/
以下是完整代码：保存到html文件打开也可以看效果。
复制代码 代码如下:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用jQuery UI修饰title属性的气泡悬浮框（Tooltip） - 柯乐义</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="http://www.keleyi.com/keleyi/pmedia/jquery/ui/1.10.2/themes/sunny/jquery-ui.min.css" />
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery/ui/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript">
$(function () {
$(document).tooltip();
});
</script>
<style type="text/css">
label {
display: inline-block;
}
</style>
</head>
<body>
<h2>不一样的悬浮提示框</h2>
<p>如果为一个元素添加了title属性，那么当光标移到该元素上时，会在元素旁显示出一个悬浮提示框。</p>
<p>一般悬浮提示框是无法使用样式修饰的，但如果使用<a href="http://www.keleyi.com/menu/jquery/" title="jQuery特效、资料等学习内容。" target="_blank">jQuery</a> UI，则可以显示不同效果了，方法很加单：$(document).tooltip(); </p><p>把光标移到输入框(或超链接)上看看悬浮提示框的效果吧。</p>
<p><label for="age">Email：</label><input id="age" title="可作为取回密码的手段，建议填写。" /></p>
<p><a href="http://www.keleyi.com" target="_blank" title="柯乐义首页">柯乐义</a> 现在是样式一 <a href="http://www.keleyi.com/keleyi/phtml/tooltip/tooltip2.htm" title="样式二：redmond">样式二</a> <a href="http://www.keleyi.com/a/bjac/a6d651710217f7a0.htm" target="_blank" title="查看原文">原文</a></p>
</body>
</html>
相关文章
jquery中实现ajax价值的方法有很多种，下面小编给大家介绍了jQuery Ajax页面局部加载方法汇总，非常实用具有参考借鉴价值，感谢的朋友一起看下吧2016-06-06
本文给大家分享的是jQuery制作文字轮播的特效，非常的实用，属于作者原创代码，分享给大家2017-02-02
这篇文章主要介绍了jQuery自定义动画函数实现方法,形式实例分析了jQuery通过插件结合数学运算实现滑块动画运动的效果,并附完整demo源码供读者下载,需要的朋友可以参考下2015-12-12
使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action,需要的朋友可以参考下2014-06-06
让tr元素的上下移动的方法有很多，本文为大家介绍下使用jquery是实现的，感兴趣的朋友可以参考下2013-12-12
在项目开发过程中，经常会遇到带有弹窗的页面，尤其是在移动端。下面通过本文给大家分享jQuery实现弹窗下底部页面禁止滑动效果，需要的朋友参考下吧2017-12-12
这篇文章主要介绍了jQuery新的绑定事件机制on方法的使用方法,需要的朋友可以参考下2014-04-04![40个新鲜出炉的jQuery 插件和免费教程[上]](//img.jbzj.com/images/xgimg/bcimg7.png)
作为最流行的 JavaScript 库，jQuery 拥有丰富的插件，能够帮助开发者简单快速的实现各种功能2012-07-07
这篇文章给大家介绍了jquery easyui刷新当前tabs的方法，本文涉及到param参数的属性知识点，本文通过实例给大家介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-09-09
这篇文章主要介绍了利用jQuery轻松实现单选功能的相关资料,需要的朋友可以参考下2023-11-11
![40个新鲜出炉的jQuery 插件和免费教程[上]](http://img.jbzj.com/images/xgimg/bcimg7.png)
最新评论