Ext中关于Ext.QuickTips.init()的使用

最新推荐文章于 2017-11-08 20:46:55 发布

转载最新推荐文章于 2017-11-08 20:46:55 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Darlin356230410/p/4936573.html

文章标签：

#javascript #ViewUI

本文详细介绍了ExtJS中QuickTips的使用方法，通过实例展示了如何利用QuickTips为页面元素添加鼠标悬停提示，增强了用户体验。文章包含代码示例，演示了如何初始化QuickTips并使其生效。

在extJS的例子中，大部分都在程序第一行使用了如下语句：Ext.QuickTips.init();
但是QuickTips的用处是什么呢？
我们看一段最简单的代码：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gbk">
        <title>04.form</title>
        <link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/resources/css/ext-all.css" />
        <script type="text/javascript" src="http://www.cnblogs.com/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="http://www.cnblogs.com/ext-all.js"></script>
    </head>
    <body>
    <a href="#" ext:qtip="my tooltip">Link</a>
　　 <a href="#" ext:qtip="my tooltip1">Link2</a>
　　 <input type="button" ext:qtip="my tooltip3" value="Button"/>
        <script type="text/javascript">
         Ext.onReady(function(){
            Ext.QuickTips.init();
        });
        </script>
    </body>
</html>