$(function()?{
????function?mask()?{
????????//獲取文檔高度與寬度
????????var?dWidth?=?$(document).width();
????????var?dHeight?=?$(document).height();
????????//頁面遮罩層
????????$("<div?id='mask'></div>").appendTo('body');
????????$('#mask').css({
????????????width:?dWidth,
????????????height:?dHeight
????????})

????????//登錄框
????????$("<div?id='login'?class='loginCon'><div?id='close'>點擊關(guān)閉</div></div>").appendTo('body');
????????//獲取登錄框的高度與寬度
????????var?lWidth?=?$('#login').width();
????????var?lHeight?=?$('#login').height();

????????//登入框居中
????????$('#login').css({
????????????left:?'50%',
????????????top:?'50%',
????????????'margin-top':?-lHeight?/?2,
????????????'margin-left':?-lWidth?/?2
????????})
????}

????//關(guān)閉遮罩與登錄框
????function?closeLogin()?{
????????$('#login').remove();
????????$('#mask').remove();
????}

????//登錄按鈕
????$('#btnLogin').on('click',?function()?{
????????mask();
????});

????//關(guān)閉按鈕
????$('#close').on('click',function(e){
????????closeLogin();
????????e.stopPropagation();
????})
})

關(guān)閉按鈕#close點擊無響應(yīng)，已經(jīng)阻止事件冒泡了，什么情況，來個大大幫幫忙