jQuery鼠标点击全屏遮罩效果菜单源码下载
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery右侧弹出全屏覆盖菜单</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/style4.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
</head>
<body>
<br><br><br><br><br>
<!-- Container -->
<div class="container">
<!-- section with buttons-->
<section>
<p><button id="trigger-overlay" type="button">鼠标点击或者按键盘M查看效果</button></p>
</section>
<!-- section with buttons end-->
</div>
<!-- Container end -->
<div class="overlay overlay-slidedown">
<button type="button" class="overlay-close">Close</button>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">What we do?</a></li>
<li><a href="#">Our clients</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
<div class="your_blocks">
<div class="your_block">
<a href="#">
<img src="img/intro.jpg" class="block_attachment" alt="">
<span>
Here you can add your awesome information, ADS or recent/popular news from your site.
</span> </a>
</div>
</div>
</div>
<!-- js on bottom for speed-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/mousetrap.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/classie.js"></script>
<script src="js/cmdscriptmin.js"></script>
<!-- js on bottom for speed end -->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791