导航 鼠标悬浮 下拉

	<div id="nav" class="visible-lg">
		<div class="container">
			<ul class="navs" id="navs">
				<li class="nLi on" id="navsli0">
					<p><a href="/">首页</a></p>
				</li>
				<li class="nline"></li>
				<li class="nLi" id="navsli1">
					<p><a href="">要闻聚焦</a></p>
					<div class="subs">
						<a href="http://hen.wenming.cn/toutiao/" target="_blank">头条</a>
						<a href="http://hen.wenming.cn/jujiaohenan/" target="_blank">要闻</a>
						<a href="http://hen.wenming.cn/jiaodiantu/" target="_blank">焦点图</a>
						<a href="http://hen.wenming.cn/difangdongtai/" target="_blank">工作动态</a>
						<a href="http://hen.wenming.cn/wnhn/" target="_blank">经验交流</a>
					</div>
				</li>
				<li class="nline"></li>
				<li class="nLi on" id="navsli8">
					<p><a href="/wenmingpeiyu/">文明培育</a></p>
				</li>
				<li class="nline"></li>
				<li class="nLi" id="navsli2">
					<p><a href="">文明创建</a></p>
					<div class="subs">
						<a href="http://hen.wenming.cn/wenmingchuangjian/wenmingchengshi/" target="_blank">文明城市</a>
						<a href="http://hen.wenming.cn/wenmingchuangjian/wenmingcunzhen/" target="_blank">文明村镇</a>
						<a href="http://hen.wenming.cn/wenmingchuangjian/wenmingdanwei/" target="_blank">文明单位</a>
						<a href="http://hen.wenming.cn/wenmingchuangjian/wenmingxiaoyuan/" target="_blank">文明校园</a>
						<a href="http://hen.wenming.cn/wenmingchuangjian/wenmingjiating/" target="_blank">文明家庭</a>
					</div>
				</li>
				<li class="nline"></li>
				<li class="nLi" id="navsli3">
					<p><a href="" target="_blank">文明实践</a></p>
					<div class="subs">
						<a href="https://www.hnzy.cn/pc/practice" target="_blank">新时代文明实践中心</a>

					</div>
				</li>
				<li class="nline"></li>
				<li class="nLi" id="navsli4">
					<p><a href="">主题活动</a></p>
					<div class="subs">
						<a href="http://hen.wenming.cn/zhutihuodong/" target="_blank" class="ons">主题活动</a>
						<a href="http://hen.wenming.cn/dsxxjy/" target="_blank">党史学习教育</a>
						<a href="http://hen.wenming.cn/womendejieri/cj/" target="_blank">我们的节日·春节</a>
						<a href="http://hen.wenming.cn/womendejieri/yx/" target="_blank">我们的节日·元宵</a>
						<a href="http://hen.wenming.cn/womendejieri/qm/" target="_blank">我们的节日·清明</a>
						<a href="http://hen.wenming.cn/womendejieri/dw/" target="_blank">我们的节日·端午</a>
						<a href="http://hen.wenming.cn/womendejieri/qx/" target="_blank">我们的节日·七夕</a>
						<a href="http://hen.wenming.cn/womendejieri/zq/" target="_blank">我们的节日·中秋</a>
						<a href="http://hen.wenming.cn/womendejieri/cy/" target="_blank">我们的节日·重阳</a>
					</div>
				</li>
				<li class="nline"></li>
				<li class="nLi" id="navsli5">
					<p><a href="">公益广告</a></p>
					<div class="subs">
						<a href="https://zt.dahe.cn/2022nhnsgyggzpzb6/" target="_blank" class="ons">2022年</a>
						<a href="http://hen.wenming.cn/zhuanti/2021zhuanti/2021gongyiguanggao/" target="_blank">2021年</a>
						<a href="http://hen.wenming.cn/zhuanti/2020zhuanti/2020gongyiguanggao/" target="_blank">2020年</a>
						<a href="https://zt.dahe.cn/2019hnsgyggzb6/" target="_blank">2019年</a>
						<a href="http://henan.sina.com.cn/zt_d/hngygg/" target="_blank">2018年</a>
						<a href="http://henan.sina.com.cn/zt_d/hngyggzb/" target="_blank">2017年</a>
					</div>
				</li>
				<li class="nline"></li>
				<li class="nLi" id="navsli6">
					<p><a href="http://hen.wenming.cn/zhuanti/2015zhuanti/haorenguan/">河南好人馆</a>
					</p>
					<div class="subs">
						<a href="http://hen.wenming.cn/zhuanti/2015zhuanti/15ddmf/" target="_blank">全国道德模范</a>
						<a href="http://hen.wenming.cn/zhuanti/2015zhuanti/15hnmf/" target="_blank">河南道德模范</a>
						<a href="http://hen.wenming.cn/zhuanti/2015zhuanti/20150619zhongguohaoren/" target="_blank">中国好人</a>
						<a href="http://hen.wenming.cn/zhuanti/2016zhuanti/2016hnhrb/" target="_blank">河南好人</a>
						<a href="https://zt.dahe.cn/2020xsdhsn6/" target="_blank">新时代好少年</a>
						<a href="http://hen.wenming.cn/zhuanti/2017zhuanti/zyfwjxs/" target="_blank">优秀志愿者</a>
						<a href="http://hen.wenming.cn/xjrw/hxfmd/" target="_blank">河南省“乡村光荣榜”</a>
						<a href="https://zt.dahe.cn/dejhnswmjt6/" target="_blank">文明家庭</a>
					</div>
				</li>
				<li class="nline"></li>
				<li class="nLi" id="navsli7">
					<p><a href="">资料</a></p>
					<div class="subs">
						<a href="http://hen.wenming.cn/tongzhigonggao/" target="_blank">通知公告</a>
						<a href="http://hen.wenming.cn/tuijianyuedu/" target="_blank">推荐阅读</a>
						<a href="http://hen.wenming.cn/wenmingjianbao/" target="_blank">文明简报</a>
						<a href="http://hen.wenming.cn/wenmingshidian/" target="_blank">文明发声</a>

					</div>
				</li>
			</ul>
			<script type="text/javascript">
				jQuery("#navs").slide({
					type: "menu", // 效果类型，针对菜单/导航而引入的参数（默认slide）
					titCell: ".nLi", //鼠标触发对象
					targetCell: ".subs", //titCell里面包含的要显示/消失的对象
					delayTime: 500, //效果时间
					triggerTime: 0, //鼠标延迟触发时间（默认150）
					returnDefault: false, //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
					defaultPlay: false
				});
				$('#navsli0').addClass('on');
				$('#subsa_0').addClass('ons');
			</script>
		</div>
	</div>