點選彈出層外區域關掉彈出層jquery特效,廢話不說，上代碼，簡潔明了： 複製代碼 代碼如下: <BR>.hide{display:none;} <BR>.con{width:500px;height:300px;background :#000;} <BR> 點選彈出層，點選彈出層外區域關閉彈出層jquery特效 <BR>$(document).ready(function() { <BR>$("div.down").click(function(e) { <BR>e.stopPropagation(); <BR>$("div.con").removeClass("hide"); <BR>} ); <BR>$("div.con a").click(function() { <BR>$("div.con").addClass("hide"); <BR>}); <br><br>$(document).click(function() { <BR>if (!$("div.con").hasClass("hide")) { <BR>$("div.con").addClass( "hide"); <BR>} <BR>}); <br><br>$("div.con").click(function (e) { <BR>e.stopPropagation();//阻止事件向上冒泡<BR>}); <br><br><BR>}); <BR> click show-area 關閉 div>
