本文主要包含弹出菜单代码,html5,手机弹出遮罩菜单等相关知识,佚名 希望在学习及工作中可以帮助到您
效果图如下所示：
- <!doctype html>
- <html lang="zh">
- <head>
- <meta charset="UTF-">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=">
- <meta name="viewport" content="width=device-width, initial-scale=.">
- <title>jQuery比bootstrap效果还帅的响应式模态窗口插件 - 何问起</title><base target="_blank" />
- <link rel="stylesheet" href="http://hovertree.com/texiao/html//reset.css"> <!-- CSS reset -->
- <link rel="stylesheet" href="http://hovertree.com/texiao/html//style.css"> <!-- Resource style -->
- <!--[if IE]>
- <script src="http://hovertree.com/texiao/html//htmlshiv.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="sucaihuo-container">
- <section class="cd-section">
- <a class="cd-bouncy-nav-trigger" href="javascript:;" target="_self">显示菜单</a>
- </section>
- <div><a href="http://hovertree.com/h/bjaf/menulayer.htm">原文</a> <a href="http://hovertree.com/">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/texiao/keleyi/">向上弹出菜单</a>
- </div>
- <div class=