extjs4 examples\shared 里面的弹窗提示

function doTip(title, content) {
    var m = Ext.DomHelper.append(Ext.DomHelper.insertFirst(document.body, {id:'msg-div'}, true),
    		'<div class="msg"><h3>' + title + '</h3><p>' + content + '</p></div>', true);
    m.hide();
    m.slideIn('t').ghost("t", { delay: 3500, remove: true});
}


.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .msg p {
    margin: 0;
}

你可能感兴趣的:(example)