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();
});

下载说明: 相关教程
1.资源失效请联系QQ:1138166071补发[不要担心一般24小时内都补发];寻课加QQ联系
2.加入防失联QQ群: 397894944 定期免费分享一些干货。
3.默认解压密码:hao.qdql.net   切记:压缩包不要网盘里解压(会被河蟹掉)
4.购买本站资源即代表同意本站免责协议
5.提示:本站所收是分享服务费用,非资源的费用,购买后恕不退款。
6.特别声明本站资源部分来源于网络,如有侵权,请联系客服进行删除处理!为尊重作者版权,请购买原版作品,支持你喜欢的老师,谢谢!
本文地址:http://hao.qdql.net/106/

发表评论


表情