本文的DEMO最好在手机端查看,在正下方有下滑按钮,点击后会显示描述,高度是自适应的。
整个菜单结构图,包括标题、短描述、描述、关闭按钮.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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791