menu.js是一个3D点菜菜单插件,点击“点菜”按钮,会出现三个菜单分类列表。做餐饮的朋友们,记得收藏菜单插件哦。
引入菜单插件
<script type="text/javascript" src="js/menu.js"></script>
菜单封面
<div class="rm-front">
<div class="rm-content">
<div class="rm-logo"></div>
<h2>美味城堡</h2>
<h3>美食外卖</h3>
<a href="#" class="rm-button-open">查看菜单</a>
</div>
</div>
点击.rm-button-open打开菜单
<a href="#" class="rm-button-open">查看菜单</a>
菜单栏目一
<div class="rm-back">
<div class="rm-content">
<h4>开胃菜</h4>
<dl>
<dt>Bella's Artichokes</dt>
<dd>Roasted artichokes with chipotle aioli and cream cheese</dd>
</dl>
</div><!-- /rm-content -->
<div class="rm-overlay"></div>
</div>
菜单栏目二
<div class="rm-middle">
<div class="rm-inner">
<div class="rm-content">
<h4>主菜</h4>
<dl>
<dt><a href="http://www.sucaihuo.com/" class="rm-viewdetails" data-thumb="images/11.jpg">Crispy Gnocchi with Arugula</a></dt>
<dd>Pan-fried potato gnocchi with arugula salad</dd>
</dl>
</div><!-- /rm-content -->
<div class="rm-overlay"></div>
</div><!-- /rm-inner -->
</div>
菜单栏目三加关闭按钮.rm-close
<div class="rm-back">
<span class="rm-close">关闭</span>
<div class="rm-content">
<h4>甜点</h4>
<dl>
<dt><a href="http://www.sucaihuo.com/" class="rm-viewdetails" data-thumb="images/5.jpg">French Plum Crepes</a></dt>
<dd>Crepes with roasted french plums, yogurt & honey</dd>
</dl>
</div>
</div>
调用菜单插件
Menu.init();
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791