jQuery 怎么实现点击页面其他地方隐藏菜单

如题所述

第1个回答  2017-10-05
.menu {
width:400px; 
height:auto; 
background:#CCC; 
font-size:12px; 
padding:12px; 
line-height:22px;
}

$(document).ready(function(e){
function stopPropagation(e){
var ev=e||window.event;
if(ev.stopPropagation){
ev.stopPropagation();
}
else if(window.event){
window.event.cancelBubble=true;
}
}
$(document).bind('click',function(){
$('.menu').hide();
});
$('.menu').click(function(e){
stopPropagation(e);
});
$('#Button').bind('click',function(e){
$('.menu').toggle();
stopPropagation(e);
});
});

<div class="menu"><span>在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果。jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。基本上,您将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务。</span></div>
<input type="button" value="ShowOrHide" id="Button" />

本回答被提问者采纳

jQuery 怎么实现点击页面其他地方隐藏菜单
具体指的点击哪里,如果说点击空白处那就是用body,如果点击指定区域,那就用指定区域的id或class来触发隐藏,例如要隐藏的菜单的id为nav,要点击的地方为空白处,那代码如下:('body').click(function(){ $('#nav').hide();});例如要隐藏的菜单的id为nav,要点击的地方id名为content,那代码...

怎么只用Jquery实现菜单的收缩,点一下把子菜单隐藏,再点一下把子菜单...
点击展开或隐藏菜单,最好在菜单前加一个图标按钮,美观又方便。如果想像你这样实现,最好在每一个ul和li加上ID(这个ID必须是有规律的,比如父ID为1_1,子ID1_1_1...),用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。

如图使用jquery设计下拉菜单,默认子菜单隐藏,点击父菜单,展开子菜单...
两个思路吧:1、用cookie把点击状态记录下来,菜单加载后根据cookie的值展开对应菜单 2、点击事件的连接做到iframe里,点击只改变iframe的src

jQuery如何实现点击页面获得当前点击元素的id或其他信息
如下代码可以实现点击页面获得被点击元素的id (document).click(function(e) { \/\/ 在页面任意位置点击而触发此事件 $(e.target).attr("id"); \/\/ e.target表示被点击的目标})示例代码如下 创建Html元素 点击页面后,设置被点击元素背景色并获取其id:testtest1test2test3设置css样式 div.box{w...

jquery toggle是什么意思
使用jQuery toggle方法可以非常简单地添加交互效果到网页中。一般来说,toggle方法接收一个或多个参数,包括显示、隐藏、执行动画等。当元素被点击时,toggle方法根据当前元素的显示状态,来切换它的显示或者隐藏,这样用户点击元素的时候就会在两个状态之间来回切换。jQuery toggle可以用于很多场合,包括菜单显示...

js如何实现点击导航栏后相应导航栏实现选中效果的切换
原因:你点击左侧菜单,整个页面被刷新了,从而始终第一个被选中方法一:点击左侧菜单的时候,顺便把参数带过去到后台,然后从后台返回,获取参数,你就知道是点击了哪个然后再进行你的第二种设置。方法二:利用jquery的ajax,无刷新跳转获取数据

jquery获取当前点击元素(jquery获取点击元素下标的方法)
jquery失去焦点隐藏菜单:本实例主要用到了一个切换显示与隐藏的事件hover与点击事件click;以及is.(hidden)对某个元素状态的判断。jQuery如何实现点击页面获得当前点击元素的id或其他信息jquery获取被点击按钮的id的方法是利用this.id获取。获取id使用attr属性,例如$(this).attr(id),获取子元素就可以使用...

asp折叠菜单(怎么实现点击一个打开,另一个收起) 同时转动别的页面还保存...
百度搜索“jquery 手风琴菜单”,参照着可以做下 参考资料:http:\/\/d.lanrentuku.com\/down\/js\/daohang-864\/

jquery怎么实现单页面(jquery单页面)
jquery怎么做单页面应1、具体描述一下,或是页面逻辑处理比较多可以尝试使用jsp来写页面。2、(img).click(function(){\/\/点击图片后发送跳转到指定页面的事件。3、mcDropdown一个允许用户选择下拉菜单的表单插件。高亮表单插件高亮功能可以增加页面的可用性。jqTransform一个美化表单元素的风格插件。让图片成为...

怎么用CSS和jQuery实现一个侧滑导航菜单
首先,我们引用normalize.css作为默认样式,以确保我们的菜单在每个浏览器是一样的。我们使用字体图标fontawesome来显示菜单项向下的图标。我们还需要引用jQuery来实现菜单的切换。面板按钮每个网站面板导航按钮都类似。它往往是一个图标字体,如fontawesome,但在本教程中我想添加一些动画,所以我们用横线来实现。基本上,我们的...

相似回答
大家正在搜