jQuery侧边栏菜单收缩特效代码下载


jQuery侧边栏菜单收缩特效代码下载
jQuery侧边栏菜单收缩特效代码下载以及侧边栏、菜单收缩等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/sidebar.css">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/sidebar.js"></script>

3. HTML代码

<!-- 作者:袁金 -->
<!-- 请不要用于非法行为 -->
<div id="wrapper" style="left:0;">
  <!-- 侧边栏 -->
  <div class="sidebar">
	 <div class="headSculpture">
		<img src="images/headSculpture.jpg" alt="">
		<p>昵称:粉红色少女</p>
	 </div>
	 <div class="option">
		<ul>
		   <li><img src="images/home.png" alt="">
			  <p>首页</p>
		   </li>
		   <li><img src="images/works.png" alt="">
			  <p>我的作品</p>
		   </li>
		   <li><img src="images/release.png" alt="">
			  <p>发布作品</p>
		   </li>
		   <li><img src="images/collection.png" alt="">
			  <p>我的收藏</p>
		   </li>
		   <li><img src="images/setup.png" alt="">
			  <p>设置</p>
		   </li>
		</ul>
	 </div>
  </div>
  <!-- 侧边栏按钮 -->
  <button></button>
  <!-- 内容区域 -->
  <div class="banner">
	<h2>原创侧边栏抽屉</h2>
  </div>
</div>

相关推荐

发表评论

相关文章