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);" οnclick="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));
}