来源:jq22.com 代码整理:懒人图库 感谢:Wordpress Xcoder

*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。

手机端左侧弹性导航菜单,点击左上角菜单图标,弹出菜单, 再次点击菜单隐藏。不依赖jquery。兼容主流浏览器,懒人图库推荐下载!


使用方法:

1、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

2、body标签加上class theme-1

3、网页头部引入

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

<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.2.0/css/font-awesome.min.css" />

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

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

<script src="js/snap.svg-min.js"></script>

<!--[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

4、网页尾部引入

<script src="js/classie.js"></script>

<script src="js/lrtk.js"></script>