来源: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>