利用jQuery实现下划线跟随导航菜单代码



65 259 87



特效描述:利用jQuery实现 下划线跟随 导航菜单,利用jQuery实现下划线跟随导航菜单代码

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/SuperSlide.2.1.js"></script>
<script src="js/zzsc.js" type="text/javascript"></script>

3. HTML代码

<br>
	<div class="navBar">
		<ul class="nav clearfix">
			<li class="m">
			<h3><a target="_blank" href="http://51qianduan.com/">网站首页</a></h3>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="http://51qianduan.com/" title="关于我们">关于我们</a></h3>
			<ul class="sub">
				<li><a href="http://51qianduan.com/" title="企业简介">企业简介</a></li>
				<li><a href="http://51qianduan.com/" title="组织架构">组织架构</a></li>
				<li><a href="http://51qianduan.com/" title="企业资质">企业资质</a></li>
				<li><a href="http://51qianduan.com/" title="企业文化">企业文化</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="http://51qianduan.com/">资质认定</a></h3>
			<ul class="sub">
				<li><a href="http://51qianduan.com/" title="国家高新认证">国家高新认证</a></li>
				<li><a href="http://51qianduan.com/" title="软件企业认证">软件企业认证</a></li>
				<li><a href="http://51qianduan.com/" title="深圳市高企认证">深圳市高企认证</a></li>
				<li><a href="http://51qianduan.com/" title="其它认证">其它认证</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="http://51qianduan.com/">政府扶持</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="http://51qianduan.com/" title="深圳市级扶持">深圳市级扶持</a></li>
				<li><a href="http://51qianduan.com/" title="各区级扶持">各区级扶持</a></li>
				<li><a href="http://51qianduan.com/" title="广东省级扶持">广东省级扶持</a></li>
				<li><a href="http://51qianduan.com/" title="国家和部级扶持">国家和部级扶持</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="http://51qianduan.com/" title="知识产权">知识产权</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="http://51qianduan.com/" title="知识产权申请">知识产权申请</a></li>
				<li><a href="http://51qianduan.com/" title="知识产权转让">知识产权转让</a></li>
				<li><a href="http://51qianduan.com/" title="技术咨询">技术咨询</a></li>
				<li><a href="http://51qianduan.com/" title="技术成果鉴定">技术成果鉴定</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="http://51qianduan.com/" title="上市服务">上市服务</a></h3>
			<ul class="sub" style="display: none;">
				<li><a href="http://51qianduan.com/" title="上市条件及流程">上市条件及流程</a></li>
				<li><a href="http://51qianduan.com/" title="上市顾问">上市顾问</a></li>
				<li><a href="http://51qianduan.com/" title="税收筹划">税收筹划</a></li>
				<li><a href="http://51qianduan.com/" title="资产重组">资产重组</a></li>
			</ul>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="Job.aspx" title="人才招聘">人才招聘</a></h3>
			</li>
			<li class="s">|</li>
			<li class="m">
			<h3><a target="_blank" href="Contact.aspx" title="联系我们">联系我们</a></h3>
			</li>
			<li class="block" style="left: 251px;"></li>
		</ul>
	</div>
<div style="text-align:center;margin:300px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 滑动 滑动星星打分 导航菜单 其他 滑动导航菜单 二级导航菜单 下拉导航菜单 固定导航菜单 导航菜单插件 鼠标滑过

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到