jQuery红色企业官网导航滑动下拉菜单效果



133 530 177



特效描述:jQuery 红色企业官网 导航滑动 下拉菜单效果,jQuery红色的导航下拉菜单,企业网站导航菜单。

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/main.js"></script>

2. HTML代码

<!--头部开始 -->
<div class="head ">
	<div class="cont">
		<div class="head-left"><a href="#"><img src="images/logo.png" alt="" width="200" height="55" /></a></div>
		<div class="nav"> 
			<!--导航条-->
			<ul class="nav-main">
				<li>网站首页</li>
				<li id="li-1">关于我们<span></span></li>
				<li id="li-2">成功案例<span></span></li>
				<li id="li-3">我们服务<span></span></li>
				<li id="li-4">联系我们<span></span></li>
			</ul>
			<!--隐藏盒子-->
			<div id="box-1" class="hidden-box hidden-loc-index">
				<ul>
					<li>公司简介</li>
					<li>公司荣誉</li>
				</ul>
			</div>
			<div id="box-2" class="hidden-box hidden-loc-us">
				<ul>
					<li>金属字</li>
					<li>发光字</li>
					<li>灯箱</li>
					<li>水晶</li>
					<li>LED显示屏</li>
					<li>导视系统</li>
				</ul>
			</div>
			<div id="box-3" class="hidden-box hidden-loc-info">
				<ul>
					<li>金属字</li>
					<li>发光字</li>
					<li>灯箱</li>
					<li>水晶</li>
					<li>LED显示屏</li>
					<li>导视系统</li>
					<li>消费者服务</li>
				</ul>
			</div>
			<div id="box-4" class="hidden-box hidden-loc-info box04">
				<ul>
					<li>联系我们</li>
					<li>加入我们</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="yanse"></div>
</div>
<!--头部结束 --> 
<script type="text/javascript" src="js/main.js"></script> 



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
admin
关注
TA的相关作品 >>更多
热搜关键词


热门标签: 滑动导航菜单 二级导航菜单 滑动选项卡切换 下拉导航菜单 图片滑动 竖直导航菜单 文字滑动 图标导航菜单 滑动手风琴 固定导航菜单 滑动星星打分 侧边导航菜单 树形导航菜单 网址导航菜单 导航菜单插件 文字导航菜单 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 滑动滑过 导航菜单导航条

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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