工作中自己寫了一個(gè)簡(jiǎn)單的jquery點(diǎn)擊彈出背景變暗遮罩效果，非常好用。。。。。。只把關(guān)鍵代碼貼出來。并實(shí)現(xiàn)了點(diǎn)擊空白處隱藏彈出層效果。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了閩侯免費(fèi)建站歡迎大家使用！

js代碼如下：

	
 $(document).ready(function(){
  $(".tkyy").click(function(event){
  	  event.stopPropagation(); //停止事件冒泡
  	$(".marsk-container").toggle();
  });
  //點(diǎn)擊空白處隱藏彈出層
	 $(".marsk-container").click(function(event){
		  var _con = $('.tkyy_con');   // 設(shè)置目標(biāo)區(qū)域
		  if(!_con.is(event.target) && _con.has(event.target).length ==0){ 
			$('.marsk-container').hide();          //淡出消失
		  }
	});

});

css代碼：

.marsk-container{background: #FFFFFF; display: none;position: absolute;position: fixed; top: 0; right: 0; left: 0; bottom: 0px; background: rgba(0,0,0,.5); z-index: 10;  }

html代碼：

   請(qǐng)選擇退款類型