本文实例讲述了js实现兼容性好的微软官网导航下拉菜单效果。分享给大家供大家参考。具体如下:
这是一款微软官网导航菜单,兼容好的下拉菜单,微软官网导航效果,在IE6下没有动画效果,顺便也把IE6的效果给加上,兼容IE6。现在微软的官方网站正在使用,我觉得非常不错。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-microsoft-web-nav-menu-codes/
具体代码如下:
<!DOCTYPE html PUBLIC "
本文实例讲述了jquery实现点击其他区域时隐藏下拉div和遮罩层的方法。分享给大家供大家参考,具体如下:
为了更好的用户体验,在做下拉获取其他有弹出层的时候,当展开下拉时,要做到点击其他区域也能自动隐藏收起下拉和遮罩层,这样的效果用一段js就可以了。
以下图为例的一个下拉菜单为参考:
效果实现源码:
$(document).bind('click', function(e) {
var e = e || window.event; //浏览器兼容性
var elem = e.tar
一个简单的下拉菜单
描述
您可以使访问者更容易找到他们在您网站上的位置。 我强烈建议使用非常受欢迎且非常有用的菜单列表。 似乎每个好的网站都有一个...。因此,在您的网站上放一个!
更多信息
提交时间
经过
等级
初学者
用户评分
3.7(来自7位用户的26个地球仪)
兼容性
类别
世界
存档文件
源代码
Simple Menu
<META NAME="descr iption" CONTENT="You can make it easier on your visitors to