推入推出菜单特效

代码语言:html

所属分类:菜单导航

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {

            $(".menu-close").click(function() {
                $(this).parent().parent().removeClass("bfw-menu");
            });
            $("#menu").click(function() {
                if ($(this).parent().hasClass("bfw-menu")) {
                    $(this).parent().removeClass("bfw-menu");
                } else {
                    $(this).parent().addClass("bfw-menu");
                }

            });
        });
    </script>
    <style>
        .content-wrap {

            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            -webkit-transition: -webkit-transform .3s;
            transition: transform .3s
        }
        .menu-wrap {
            z-index: 1;
            opacity: 0.7;
            position: fixed;
            height: 100vh;
            left: 0;
            top: 0;
   .........完整代码请登录后点击上方下载按钮下载查看

网友评论0