ext--悬停提示

来源:互联网 发布:qq mac版怎么更新 编辑:程序博客网 时间:2024/04/29 03:52
<!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>


原创粉丝点击