HTML5手机端弹出遮罩菜单特效代码

1. !doctyPE html>     
2. html lang="zh">     
3. head>     
4. meta charset="UTF-">     
5. meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=">     
6. meta name="viewport" content="width=device-width, inITial-scale=.">     
7. title> jquery比bootstrap效果还帅的响应式模态窗口插件 - 何问起/title> base target="_blank" />     
8. link rel="stylesheet" href="http://hovertree.COM/texiao/html//reset.css">  !-- CSS reset -->     
9. link rel="stylesheet" href="http://hovertree.com/texiao/html//style.css">  !-- Resource style -->     
10. !--[if IE]>     
11. script src="http://hovertree.com/texiao/html//htmlshiv.min.js"> /script>     
12. ![endif]-->     
13. /head>     
14. body>     
15. div class="sucaihuo-container">     
16. section class="cd-section">     
17. a class="cd-bouncy-nav-trigger" href="javascript:; " target="_self"> 显示菜单/a>     
18. /section>     
19. 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>     
20. /div>     
21. div class="cd-bouncy-nav-modal">     
22. nav>     
23. ul class="cd-bouncy-nav">     
24. li> a href="http://hovertree.com/"> 首页/a> /li>     
25. li> a href="http://hovertree.com/menu/jquery/"> jQuery/a> /li>     
26. li> a href="http://hovertree.com/menu/php/"> PHP/a> /li>     
27. li> a href="http://hovertree.com/h/bjaf/hovertreebatch.htm"> 批量/a> /li>     
28. li> a href="http://hovertree.com/texiao/eaSysector/"> 饼图/a> /li>     
29. li> a href="http://tool.hovertree.com/"> 工具/a> /li>     
30. /ul>     
31. /nav>     
32. a href="#" class="cd-close" target="_self"> 关闭菜单/a>     
33. /div>     
34. /div>     
35. script src="http://hovertree.com/ziyuan/jquery/jquery-...min.js"> /script>     
36. script src="http://hovertree.com/texiao/html//main.js"> /script>  !-- Resource jQuery -->     
37. /body>     
38. /html>   

以上代码是小编给大家分享的HTML5手机端弹出遮罩菜单特效代码，希望对大家有所帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！