悬停揭示

悬停提示


Ext.onReady(function(){
  Ext.QuickTips.init();
  
  var btn = new Ext.Button({
    text: "悬停演示",
    renderTo: Ext.getBody(),
    tooltip: "这是一个悬停演示的按钮，怎么样？<br>是不是很漂亮？",
    tooltipType: "qtip" //"title"
  });
});







new Ext.Window({

　　　　........

}).show(Ext.getBody(),); //动态效果





Ext.QuickTips.register({
  text: "请输入您的姓名，年龄，是否单身，身材是否S和祖宗十八代的全部信息。",
  target: "ta", //悬停目标
  title: "输入" ,

  width : 60 ,

  dismissDelay : 3 , //悬停时间

  autoHide: false , //悬停提示不会消失

  hideDelay : 3 , //消失的时间，试了一下，好像没效果
  maxWidth : 300 , //（系统默认300）最大宽度
  minWidth : 60 , //最小宽度
  showDelay : 3 , //显示时间
  trackMouse：true //提示框是否跟着鼠标一起走。
});



全局定义的提示

Ext.apply(Ext.QuickTips.getQuickTip(), {
      maxWidth: 200,
      minWidth: 100,
     showDelay: 50,
     trackMouse: true,
     hideDelay: 5000
});