代码如下：

 


jquery弹出层和点击空白处隐藏层_www.    
    
    
         $(function () {    
             $('#btnShow').click(function (event) {    
                 //取消事件冒泡    
                 event.stopPropagation();    
                 //设置弹出层的位置    
                 var offset = $(event.target).offset();    
                 $('#divTop').css({ top: offset.top + $(event.target).height() + "px", left: offset.left });    
                 //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。    
                   $('#divTop').toggle('slow');    
             });    
             //点击空白处或者自身隐藏弹出层，下面分别为滑动和淡出效果。    
             $(document).click(function (event) { $('#divTop').slideUp('slow') });    
             $('#divTop').click(function (event) { $(this).fadeOut(1000) });    
         })


    






点击本区域或空白隐藏弹出层

您可能感兴趣的文章: