jQuery的盒盖在左边的菜单栏将鼠标悬停在菜单在行动

You can see the Box Lid Menu in action by hovering your mouse over the menu bar on the left.

Installation

First, include the stylesheet and javascript as follows:

<link rel=’stylesheet’ type=’text/css’ href=’css/box-lid.css’> <script src=’js/box-lid.js’></script>
Next, create the following HTML structure:

<div class=’box-lid-menu’>
<div class=’box-lid-icon’></div>
<nav> <!– NAVIGATION CONTENTS –> </nav>
</div>
<div class=’box-lid’>
<div class=’box-lid-content’> <!– MAIN CONTENT –> </div>
</div>
Finally, invoke $(‘.box-lid-menu’).boxLid() where appropriate. The most common usage should be

$(function() {
$(‘.box-lid-menu’).boxLid();
});

0
下载说明: 相关教程
1.资源失效请联系QQ:2782480841补发[不要担心一般24小时内都补发];寻课加QQ联系
2.购买本站资源即代表同意本站免责协议
3.提示:本站所收是费用是分享服务费用,非资源的售价,如有异议,请绕行,购买后恕不退款。
4特别声明本站资源均来自于网络,仅供学习交流,如有侵犯您的权益,请发送邮件至2782480841#qq.com联系删除!