jQuery宽屏实用的游戏网站导航栏下拉菜单，自适应屏幕大小，遮罩层弹出黑色的下拉导航菜单布局代码。这是一款自适应屏幕的响应式导航布局代码。
使用方法：
1、head引入css文件
<link rel="stylesheet" type="text/css" href="statics/css/style.css" />
2、head引入js文件
<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
3、body引入HTML代码
<div class="head" id="head">
<a name="top"></a>
<div class="logo lf">
<a href="javascript:;">
<img src="statics/images/logo.jpg">
<div class="p1"></div>
</a>
</div>
<div class="nav rg">
<ul class="nav_pc">
<li>
<a class="a1" href="javascript:;">关于游戏</a>
<div class="div1 mad1">
<div class="p1">
<a href="javascript:;">公司简介</a>
<a href="javascript:;">董事长寄语</a>
<a href="javascript:;">发展历程</a>
<a href="javascript:;">业务版图</a>
<a href="javascript:;">公司荣誉</a>
<a href="javascript:;">社会责任</a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<a class="a1 a1a" href="javascript:;">游戏产品</a>
<div class="div1 mad2">
<div class="p1">
<a href="javascript:;">端游产品</a>
<a href="javascript:;">手游产品</a>
<a href="javascript:;">HTML5产品</a>
<a href="javascript:;">vr游戏</a>
<a href="javascript:;">主机游戏</a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<a class="a1 a1a" href="javascript:;">玩家服务</a>
<div class="div1 mad3">
<div class="p1">
<a class="pad" href="javascript:;" target="_blank">客服中心</a>
<a href="javascript:;" target="_blank">安全中心</a>
<a href="javascript:;" target="_blank">充值系统</a>
<a href="javascript:;" target="_blank">VIP系统</a>
<a href="javascript:;">家长监护</a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<a class="a1 a1a" href="javascript:;">投资者关系</a>
<div class="div1 mad4">
<div class="p1">
<a class="pad" href="javascript:;">公司公告</a>
<a href="javascript:;">联系方式</a>
<a href="javascript:;" target="_blank">上证e互动</a>
<a href="javascript:;" target="_blank">公司股价 </a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<a class="a1 a1a" href="javascript:;">游戏资讯 </a>
<div class="div1 mad5">
<div class="p1">
<a class="pad" href="javascript:;">公司新闻</a>
<a href="javascript:;">产品动态</a>
<a href="javascript:;">媒体报道</a>
<a href="javascript:;">视频中心</a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<a class="a1 a1a" href="javascript:;">加入游戏</a>
<div class="div1 mad6">
<div class="p1">
<a href="javascript:;">社会招聘</a>
<a href="javascript:;">校园招聘</a>
<a href="javascript:;">公司福利</a>
<a href="javascript:;">员工风采</a>
<a href="javascript:;">办公环境</a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<a class="a1" href="javascript:;">联系我们</a>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
<!--移动端导航开始-->
<div class="moblie_head">
<div class="lf">
<a href="javascript:;">
<img src="statics/images/logo.jpg"></a>
</div>
<div class="rg">
<a href="javascript:;" class="a_js">
<img src="statics/images/1_07.png"></a>
</div>
<div class="clear"></div>
</div>
<div class="a_txt">
<div class="div1 a_closed"></div>
<div class="div2">
<a href="javascript:;" class="a_closed">
<img src="statics/images/close.png" width="22"></a>
</div>
<div class="div3">
<ul>
<li>
<a href="javascript:;">首页</a>
</li>
<li>
<a class="a_js2" href="javascript:;">关于游戏</a>
<div class="a_txt2">
<a href="javascript:;">公司简介</a>
<a href="javascript:;">董事长寄语</a>
<a href="javascript:;">发展历程</a>
<a href="javascript:;">业务版图</a>
<a href="javascript:;">公司荣誉</a>
<a href="javascript:;">社会责任</a>
</div>
</li>
<li>
<a class="a_js2" href="javascript:;">游戏产品</a>
<div class="a_txt2">
<a href="javascript:;">端游产品</a>
<a href="javascript:;">手游产品</a>
<a href="javascript:;">HTML5产品</a>
<a href="javascript:;">vr游戏</a>
<a href="javascript:;">主机游戏</a>
</div>
</li>
<li>
<a class="a_js2" href="javascript:;">玩家服务</a>
<div class="a_txt2">
<a class="pad" href="javascript:;" target="_blank">客服中心</a>
<a href="javascript:;" target="_blank">安全中心</a>
<a href="javascript:;" target="_blank">充值系统</a>
<a href="javascript:;" target="_blank">VIP系统</a>
<a href="javascript:;">家长监护</a>
</div>
</li>
<li>
<a class="a_js2" href="javascript:;">投资者关系</a>
<div class="a_txt2">
<a class="pad" href="javascript:;">公司公告</a>
<a href="javascript:;">联系方式</a>
<a href="javascript:;" target="_blank">上证e互动</a>
<a href="javascript:;" target="_blank">公司股价 </a>
</div>
</li>
<li>
<a class="a_js2" href="javascript:;">游戏资讯 </a>
<div class="a_txt2">
<a class="pad" href="javascript:;">公司新闻</a>
<a href="javascript:;">产品动态</a>
<a href="javascript:;">媒体报道</a>
<a href="javascript:;">视频中心</a>
</div>
</li>
<li>
<a class="a_js2" href="javascript:;">人才招聘</a>
<div class="a_txt2">
<a href="javascript:;">社会招聘</a>
<a href="javascript:;">校园招聘</a>
<a href="javascript:;">公司福利</a>
<a href="javascript:;">员工风采</a>
<a href="javascript:;">办公环境</a>
</div>
</li>
<li>
<a href="javascript:;">联系我们</a>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
<!--移动端导航结束-->
<script src="statics/js/script.js" type="text/javascript" charset="utf-8"></script>
