转载:
在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属性,并为它赋予显示提示的动作。