jQuery响应式全屏菜单

收藏

本文的DEMO最好在手机端查看，在正下方有下滑按钮，点击后会显示描述，高度是自适应的。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

整个菜单结构图，包括标题、短描述、描述、关闭按钮.cd-close以及滚动按钮.cd-scroll

<div class="projects-container">
    <ul>
        <li>
            <div class="cd-title">
                <h2>
                    菜单1
                </h2>
                <p>
                    jQuery从1.4-2.1版本下载
                </p>
            </div>
            <div class="cd-project-info">
                <p>
                    推荐百度cdn的jQuery版本,稳定而且快。素材火用的是1.72版本，之所以选择它，因为兼容性很好。
                </p>
            </div>
        </li>
        <li>
            <div class="cd-title">
                <h2>
                    菜单2
                </h2>
                <p>
                    leanModal.js轻巧的弹出层插件
                </p>
            </div>
            <div class="cd-project-info">
                <p>
                    leanModal.js是一个轻盈的modal弹出层插件，效果类似boostrap的modal弹出层，你只要定义点击按钮的href属性即可。
                </p>
            </div>
        </li>
    </ul>
    <a href="#0" class="cd-close">Close</a>
    <a href="#0" class="cd-scroll">Scroll</a>
</div>