<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tipl.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
// 初始化悬停提示。
Ext.QuickTips.init();
//在按钮上加悬停提示
var btn1 = new Ext.Button(
{
text:"按钮悬停提示<qtip>",
tooltip:"这个是按钮的悬停提示<br>怎么样?<br>按钮支持qtip和title两种",
tooltipType:"qtip",
renderTo:document.body
}
);
var btn2 = new Ext.Button(
{
text:"按钮悬停提示<qtip>",
tooltip:"这个是按钮的悬停提示\r\n怎么样?\r\n按钮支持qtip和title两种",
tooltipType:"title",
renderTo:document.body
}
);
Ext.QuickTips.register(
{
// 这个就是提示的内容了
text:"请输入完整信息,包括姓名,年龄,生日,电话,住址等。。。。。。。。。。哈哈哈。。。。。。。。。",
//目标对象
target:"ta",
//标题
title:"系统提示",
//是否自动隐藏
autoHide:true
}
);
});
</script>
</head>
<body>
name:<input id="ta"><br>
下面这种方式也可以的:<br>
pwd:<input name="pwd" ext:qtitle="系统提示" ext:qwidth="100" ext:qtip="请输入密码!!!"><br>
</body>
</html>
ext--悬停提示
最新推荐文章于 2024-01-06 23:30:00 发布