您的位置：首页 > 产品设计 > UI/UE

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

2016-05-10 21:13 323 查看

在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>

鼠标悬浮在链接上的效果如图：

即：把鼠标移到上面的Link和旁边的输入框上方，可以看到在鼠标旁边显示出了提示语。可以明显的看出Ext.QuickTips.init()的作用了吧，QuickTips的作用是读取标签中的ext:qtip属性，并为它赋予显示提示的动作。

（转自http://www.cnblogs.com/jianglan/archive/2011/08/26/2154120.html)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航