jQuery美化弹出确认对话框 遮罩层

简洁实用的弹出确认信息特效。jQuery(document).ready(function($){ //open popup $('.cd-popup-trigger').on('click', function(event){ event.preventDefault(); $('.cd-popup').addClass('is-visible'); }); //close popup $('.cd-popup').on('click', function(event){ if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) { event.preventDefault(); $(this).removeClass('is-visible'); } }); //close popup when clicking the esc keyboard button $(document).keyup(function(event){ if(event.which=='27'){ $('.cd-popup').removeClass('is-visible'); } });});

在线演示        积分下载        6毛下载        砍两刀下载