有时候我们需要实现这样一个效果:
点击图标或者按钮会出现一个下拉框或者显示框,点击图标或者按钮显示框消失,或者需要点击网页其他任意地方显示框消失。
点击固定图标或按钮显示框显示或消失这个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,记录完毕。
本文介绍了一种使用jQuery实现的交互效果:当点击特定图标显示弹窗后,再次点击页面任意位置以外的元素时,该弹窗会自动隐藏。通过简单的jQuery代码实现了这一功能。

2063

被折叠的 条评论
为什么被折叠?



