简单的jQuery点击按钮弹出侧边导航栏代码



209 834 279



特效描述:点击按钮弹出 弹出侧边导航,码简单jQuery弹出导航代码,点击按钮弹出侧边导航栏样式

代码结构

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery1.42.min.js"></script>

3. HTML代码

<div class="box-bj"><img src="images/wd011.jpg" /></div>
<div id="mintbar"><a id="closebtn" href="#"><img src="images/wd02.png" /></a></div>
<div id="mint" style="display:none;position:absolute;top:0;right:0px;">
	<div class="box-nav-bj"><img style="right:0px; top:0px;" src="images/wd06.png" /></div>
	<div class="box-nav">
		<li><a href="#">关于我们</a></li>
		<li><a href="#">产品展示</a></li>
		<li><a href="#">案例展示</a></li>
		<li><a href="#">新闻中心</a></li>
		<li><a href="#">新闻资讯</a></li>
		<li><a href="#">联系我们</a></li>
	</div>
	<img src="images/wd07.png" alt="丝带"/>
	<div class="box-phone">
		<p>服务热线:</p>
		<p>400-091-6001</p>
	</div>
</div>
<div class="box-dibu">
    <div class="box-dibu1">
       <p>某某某有限公司 ICP备案号</p>
       <p>地址地址地址地址地址地址地址地址地址地址地址</p>
    </div>
    <div class="box-dibu2">
       <a href="#"><img src="images/wd04.png" /></a>
       <a href="#"><img src="images/wd05.png" /></a>
    </div>
</div>



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


热门标签: 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 弹出层拖动 窗口提示框 导航菜单导航条 提示框/弹出层 侧边导航菜单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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