腾讯UED 漂亮的提示信息效果代码

2020-05-22 17:09:53易采站长站整理

_s._setPosition(mBox, timeout, opts.topPosition);
};
ZENG.msgbox._setPosition = function(tips, timeout, topPosition) {
timeout = timeout || 5000;
var _s = ZENG.msgbox, bt = ZENG.dom.getScrollTop(), ch = ZENG.dom.getClientHeight(), t = Math.floor(ch / 2) – 40;
ZENG.dom.setStyle(tips, “top”, ((document.compatMode == “BackCompat” || ZENG.userAgent.ie < 7) ? bt : 0) + ((typeof (topPosition) == “number”) ? topPosition : t) + “px”);
clearTimeout(_s._timer);
tips.firstChild.style.display = “”;
timeout && (_s._timer = setTimeout(_s.hide, timeout));
};
ZENG.msgbox.hide = function(timeout) {
var _s = ZENG.msgbox;
if (timeout) {
clearTimeout(_s._timer);
_s._timer = setTimeout(_s._hide, timeout);
} else {
_s._hide();
}
};
ZENG.msgbox._hide = function() {
var _mBox = ZENG.dom.get(“q_Msgbox”), _s = ZENG.msgbox;
clearTimeout(_s._timer);
if (_mBox) {
var _tips = _mBox.firstChild;
ZENG.dom.setStyle(_mBox, “display”, “none”);
}
};

调用:

ZENG.msgbox.show(“设置成功!”, 4, 2000);
ZENG.msgbox.show(“服务器繁忙,请稍后再试。”, 1, 2000);
ZENG.msgbox.show(“数据拉取失败”, 5, 2000);
ZENG.msgbox.show(” 正在加载中,请稍后…”, 6,8000);

演示和下载体验: 腾讯UED-漂亮的提示信息