仿微信公众号菜单特效(基于jquery实现)
部分代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自定义菜单</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css">
<link rel="stylesheet" href="css/wxcss.css">
</head>
<body>
<div class="box">
<div class="main">
<div class="left l">
<div class="l_top">
<div class="mobile_hd tc">自定义菜单</div>
</div>
<ul class="pre_menu_list l_bottom" id="menuBox" >
<p class="js_addMenuBox pre_menu_item grid_item no_extra size1of1" id="addmenu" >
<a href="javascript:void(0);" class="js_addL1Btn js_addL1Btn1" title="最多添加3个一级菜单">+ 添加菜单</a>
</p>
</ul>
<div class="clear"></div>
</div>
<div class="right r">
<form method="post">
<div class="menu_form_area" id="mainContent">
<div class="menu_initial_tips tips_global" id="default" style="display: block;"></div>
</div>
</div>
<div class="clear"></div>
<div class="bottom_btn"><span id="pubBt" class="btn btn_input btn_primary"><button type="submit" >保存并发布</button></span></div>
<span class="editor_arrow_wrp"> <i class="editor_arrow editor_arrow_out"></i> <i class="editor_arrow editor_arrow_in"></i> </span>
</div>
</div></form>
<div class="pop">
<div class="popMain">
<div class="popTop"></div>
<div class="popMiddle">
<p>是否确认删除？</p>
</div>
<div class="popBottom">
<span class="confirm">确认</span>
<span class="cancel">取消</span>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/wechatNav.js"></script>
</body>
</html>
浙公网安备 33010602011771号