`
laodaobazi
  • 浏览: 278512 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

悬停提示

EXT 
阅读更多


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
});
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics