JS短暂消息弹出框
sharepoint 学习笔记
http://blog.csdn.net/qq873113580/article/details/20390149
以下方法可自由修改参数
效果: 显示一个半黑透明的消息框,在N秒后消失
例子:在删除之后,提示“删除成功。” 等,然后1秒后再消失
/**
* 浮动DIV定时显示提示信息,如操作成功, 失败等
* @param string tips (提示的内容)
* @param int height 显示的信息距离浏览器顶部的高度
* @param int time 显示的时间(按秒算), time > 0
* @sample <a href="javascript:void(0);" onclick="showTips( ‘操作成功‘, 100, 3 );">点击</a>
* @sample 上面代码表示点击后显示操作成功3秒钟, 距离顶部100px
*/
function showTips(tips, height, sizeWidth, time) {
var windowWidth = document.documentElement.clientWidth;
var tipsDiv = ‘<div class="tipsClass">‘ + tips + ‘</div>‘;
$(‘body‘).append(tipsDiv);
$(‘div.tipsClass‘).css({
‘top‘: ‘200px‘,
‘right‘: 450+ ‘px‘,
‘position‘: ‘absolute‘,
‘padding‘: ‘3px 5px‘,
‘background‘: ‘#8FBC8F‘,
‘font-size‘: 12 + ‘px‘,
‘margin‘: ‘0 auto‘,
‘text-align‘: ‘center‘,
‘width‘: sizeWidth + ‘px‘,
‘color‘: ‘#fff‘,
‘opacity‘: ‘0.8‘
}).show();
setTimeout(function () { $(‘div.tipsClass‘).fadeOut(); }, (time * 1000));
}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。