extJs.QuickTips

在extJS的例子中，大部分都在程序第一行使用了如下语句：

Ext.QuickTips.init();

但是QuickTips的用处是什么呢？

我们通过一个例子来看（可能是代码与Wordpress兼容的问题，只能在Opera和Safari上看到例子的样子，在firefox和IE上都无法显示这个例子，我感到比较奇怪。）

大家把鼠标移到上面的Link和旁边的输入框上方，可以看到在鼠标旁边显示出了提示语。（如果你无法看到效果，很有可能是因为你无法访问国外网站，请确保你能够访问http://extjs.com）

上面这个例子的代码为：

 

<script type="text/javascript" src="http://extjs.com/deploy/dev/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="http://extjs.com/deploy/dev/ext-all.js"></script>

<a href="..." ext:qtip="my tooltip">Link</a>

<input type="text" value="hello" ext:qtip="still my tooltip"></input>

<script type="text/javascript" charset="utf-8">

Ext.onReady(function(){

 Ext.QuickTips.init();

});       

</script>

 

第1、2行应该放在head标签内；

从第4、5行可以发现，QuickTips的作用是读取标签中的ext:qtip属性，并为它赋予显示提示的动作。