有时候我们需要实现这样一个效果:
点击图标或者按钮会出现一个下拉框或者显示框,点击图标或者按钮显示框消失,或者需要点击网页其他任意地方显示框消失。
点击固定图标或按钮显示框显示或消失这个jQuery或者js就能很容易实现,这里说下点击网页其他任意地方显示框消失。
jQuery代码:
jQuery("body").click(function(e){
e = e || window.event;
var obj =e.target || e.srcElement;
if($(obj).closest("#explain").length <=0){//点击的区域如果没有id为explain的标签,就将explain收起隐藏
jQuery("#explain").slideUp();
}
});
OK,记录完毕。