读书人

悬停揭示

发布时间: 2012-10-25 10:58:58 作者: rapoo

悬停提示


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
});

读书人网 >Web前端

热点推荐