一个小小弹出层提示框

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #提示框 #弹出层 #ViewUI

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

一个小小弹出层提示框,弹出三秒后自动关闭,根据具体情况而定位置

var showMsg = function( _msg ){
    $('<div />').attr('id', 'showMsg')
    .css({position: 'absolute', margin:'-28px 0 0 110px', padding: '5px 25px', 'font-size': '14px', 'font-weight': 'bold', 'color': '#dd4b4b', border: '1px solid #dd4b4b', background: '#ffd5d2', zIndex: '1000'})
    .text(_msg)
    .appendTo( $('#Msg') );
    setTimeout( function(){
    	$('#showMsg').fadeOut('slow', function(){
    		$('#Msg').find('#showMsg').remove();
    	});
    }, 2000)
};