点击框架内容，隐藏菜单《二》【原创】
2013-04-12 14:36
375 查看
示例如下
JS代码
//顶级窗口--关闭菜单 代码
var topHideCk=function(url){
$("#mainNav .sub-menu").css("visibility","hidden");
$(".mainBar .news-list").css("visibility","hidden");
}
子页面代码
$(function(){
//关闭顶级窗口下拉菜单
$(document).click(function(){
if(top.location!=self.location){ //校验当前窗口是不是子页面
top.topHideCk(); //调用顶级页面的方法
}
});
})
JS代码
//顶级窗口--关闭菜单 代码
var topHideCk=function(url){
$("#mainNav .sub-menu").css("visibility","hidden");
$(".mainBar .news-list").css("visibility","hidden");
}
子页面代码
$(function(){
//关闭顶级窗口下拉菜单
$(document).click(function(){
if(top.location!=self.location){ //校验当前窗口是不是子页面
top.topHideCk(); //调用顶级页面的方法
}
});
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 事件处理程序，（在页面上点击右键隐藏选择菜单）
- 点击显示隐藏菜单，动画效果，半透明，支持所有浏览器
- Android学习（38） -- 自定义控件（3）点击Menu键显示隐藏菜单
- Unity学习 — UGUI侧滑菜单点击显示和隐藏
- jquery 点击页面其他地方实现隐藏菜单功能
- 左边菜单，点击左边右边内容改变
- 仿知乎日报第八篇：点击菜单区，切换内容区ViewPager相应的页面
- 事件处理程序，（在页面上点击右键隐藏选择菜单）
- ext4js 主页面布局，动态分配菜单，并点击url 显示到内容面板中
- 左边菜单，点击左边右边内容改变
- 点击显示隐藏菜单，动画效果，半透明，支持所有浏览器
- 点击菜单 弹出层隐藏及显示
- JQ实现效果：点击（or鼠标滑过）连接时显示内容，再点击（鼠标滑出）连接时隐藏内容
- Jquery控制点击时一、二级菜单自由隐藏与出现
- jquery+css3实现交互式win8风格导航菜单点击可放大内容
- 点击菜单实现内容局部刷新
- [原创 js] 点击即可修改内容函数
- Jquery实现点击切换图片并隐藏显示内容
- jquery 点击页面其他地方实现隐藏菜单功能
- 点击显示隐藏菜单，动画效果，半透明，支持所有浏览器