使用jQueryUI的tooltip函数修饰title属性的气泡悬浮框
属性 使用 函数 title 悬浮 修饰 气泡 JQueryUI
2023-06-13 09:15:02 时间
使用jQueryUI的tooltip()函数,可以使悬浮提示框不再那么千篇一律。点击这里先看看效果吧:http://www.keleyi.com/keleyi/phtml/tooltip/
以下是完整代码:保存到html文件打开也可以看效果。
复制代码代码如下:
以下是完整代码:保存到html文件打开也可以看效果。
<!doctypehtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>使用jQueryUI修饰title属性的气泡悬浮框(Tooltip)-柯乐义</title>
<scripttype="text/javascript"src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<linkrel="stylesheet"href="http://www.keleyi.com/keleyi/pmedia/jquery/ui/1.10.2/themes/sunny/jquery-ui.min.css"/>
<scripttype="text/javascript"src="http://www.keleyi.com/keleyi/pmedia/jquery/ui/jquery-ui-1.10.2.custom.min.js"></script>
<scripttype="text/javascript">
$(function(){
$(document).tooltip();
});
</script>
<styletype="text/css">
label{
display:inline-block;
}
</style>
</head>
<body>
<h2>不一样的悬浮提示框</h2>
<p>如果为一个元素添加了title属性,那么当光标移到该元素上时,会在元素旁显示出一个悬浮提示框。</p>
<p>一般悬浮提示框是无法使用样式修饰的,但如果使用<ahref="http://www.keleyi.com/menu/jquery/"title="jQuery特效、资料等学习内容。"target="_blank">jQuery</a>UI,则可以显示不同效果了,方法很加单:$(document).tooltip();</p><p>把光标移到输入框(或超链接)上看看悬浮提示框的效果吧。</p>
<p><labelfor="age">Email:</label><inputid="age"title="可作为取回密码的手段,建议填写。"/></p>
<p><ahref="http://www.keleyi.com"target="_blank"title="柯乐义首页">柯乐义</a>现在是样式一<ahref="http://www.keleyi.com/keleyi/phtml/tooltip/tooltip2.htm"title="样式二:redmond">样式二</a><ahref="http://www.keleyi.com/a/bjac/a6d651710217f7a0.htm"target="_blank"title="查看原文">原文</a></p>
</body>
</html>
相关文章
- mybatis的collection属性_安全带的使用方法和步骤
- 透明色Opacity属性的使用
- Spring MVC框架:第四章:属性域使用(request域、session域、application域)
- hibernate-validator校验对象属性为List
- 【Groovy】使用 SwingBuilder 构建 Swing 窗口 ( 创建一个 Swing 构造器 | 配置 Swing 窗口的一系列属性 | 设置 Swing 窗口显示 )
- SQLServer 错误 12304 在本机编译的存储过程外部使用内存优化表类型时,如果该类型对表的任意列使用 IDENTITY 属性,则该类型不受支持。 故障 处理 修复 支持远程
- Redis 配置文件重要属性的具体使用
- Hmtl5 中placeholder属性(新属性)详解编程语言
- Hibernate show_sql属性:指定是否输出SQL语句
- JS offsetParent属性:获取最近的上级定位元素
- Dooble是用Qt4写的另外一款WebKit浏览器,主要在保护用户隐私方面取胜。虽然它和其他浏览器提供的安全性相差不打,但是也有一些特有的属性比如内含的桌面等。Dooble桌面使得用户可以在增加桌面背景的同时添加应用程序启动,除了从软件包管理器安装外,还可以使用Ubuntu 10.10版本0.07安装,此时的Dooble版本为1.14,同时还要有Qt编码工具如qt4-qmake等。
- 深入了解Oracle表属性,轻松管理数据库(oracle查看表属性)
- Dooble是用Qt4写的另外一款WebKit浏览器,主要在保护用户隐私方面取胜。虽然它和其他浏览器提供的安全性相差不打,但是也有一些特有的属性比如内含的桌面等。Dooble桌面使得用户可以在增加桌面背景的同时添加应用程序启动,除了从软件包管理器安装外,还可以使用Ubuntu 10.10版本0.07安装,此时的Dooble版本为1.14,同时还要有Qt编码工具如qt4-qmake等。
- MySQL表属性怎样修改(mysql中修改表属性)
- javascript下判断一个对象是否具有指定名称的属性的的代码
- window.location.hash属性使用说明
- javascript中的prototype属性使用说明(函数功能扩展)
- JQUERY的属性选择符和自定义选择符使用方法(二)
- jQuery中使用了document和window哪些属性和方法小结
- 使用按钮控制以何种方式打开新窗口的属性介绍
- jsnextSibling属性和previousSibling属性概述及使用注意
- 解析如何使用反射调用类型成员方法,字段,属性
- jquery属性过滤选择器使用示例
- Android自定义属性format的深入解析
- 详细分析cssfloat属性以及position:absolute的区别
- 使用变量动态设置js的属性名
- 超链接的禁用属性Disabled使用示例
- C#属性(Attribute)用法实例解析