收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 3330|回复: 10

求助 点击隐藏层之外的地方将层隐藏 的方法

[复制链接]
发表于 2010-1-12 15:59:40 | 显示全部楼层 |阅读模式
这个问题倒腾好几天了也没解决,我知道论坛里有好多高手,帮忙的朋友可以加我的qq号 493049758   非常感谢!

http://clicx.3322.org
右上角语言切换部分,怎样才可以在点击Change Language后,出来的语言选择层以外点击任意地方把这个层给关掉呢?

在网上搜索的这个套进去之后  在ie里里面的语言链接都失效了.
大家有什么好的办法没?实在着急用,请多指教!谢谢!  
在线等!


<a href="javascript:showMenu();void(0);">Menu1</a>
<div onblur="hideMenu();" style="border:#555 2px outset;padding:10px;display:none;" id="menu1" tabIndex=0>I am a Menu</div>
<script>
function showMenu(){
document.getElementById("menu1").style.display="";
document.getElementById("menu1").focus();
}
function hideMenu(){
document.getElementById("menu1").style.display="none";
}
</script>

[[i] 本帖最后由 hanyuying 于 2010-1-12 16:09 编辑 ]
发表于 2010-1-12 16:52:10 | 显示全部楼层
你的代码在IE7 ff都没什么问题呀 蛮好用的

网站里 onblur="hideMenu();" 这个没加吧

[[i] 本帖最后由 jiangliuhuo 于 2010-1-12 16:56 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2010-1-12 17:00:17 | 显示全部楼层
测试你的代码好使。IE7
回复 支持 反对

使用道具 举报

发表于 2010-1-12 17:32:14 | 显示全部楼层
将详细代码贴出来,好解决问题点
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-1-13 10:05:55 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-1-13 10:14:15 | 显示全部楼层
代码贴上来了,请大家给看看.
回复 支持 反对

使用道具 举报

发表于 2010-1-13 10:38:16 | 显示全部楼层
这个得把10:37加在 body 上,然后通过判断具体的事件来源target做相应的处理
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-1-13 11:14:08 | 显示全部楼层
太好了 ,问题解决了,感谢div小老师.
有时间了整理一下.
回复 支持 反对

使用道具 举报

发表于 2010-1-13 11:51:20 | 显示全部楼层
  楼主能告诉我你怎么解决的吗? 272127850@qq.com 麻烦了
回复 支持 反对

使用道具 举报

发表于 2010-1-13 14:11:00 | 显示全部楼层
我也想知道,回个帖子吧
回复 支持 反对

使用道具 举报

发表于 2010-1-13 14:20:20 | 显示全部楼层

回复 7# Fanbin 的帖子

应该在document上绑定点击事件,判断当前容器是否有 弹出层的样式或者是它的父亲元素有弹出层的样式,如果没有则关闭弹出层,否则什么也不做。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-25 15:58 , Processed in 0.129557 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表