
页面的head部分,需引入页面的样式文件,代码如下:
<link type="text/css" rel="stylesheet" href="css/style.css"> 页面的body部分,需设置好json数据列表的ul容器和切换按钮等内容,代码如下:
<!-- 网格 -->
<ul class="posts-box"><!-- JSON数据列表 --></ul>
<!-- 弹窗 -->
<div class="modal" id="modal-name">
<div class="modal-sandbox"></div>
<div class="modal-box">
<div class="modal-header">
<img src="" class="inner-img" alt="">
</div>
<div class="modal-body">
<h2 class="inner-title"></h2>
<div class="inner-text"></div>
<button class="prev-post">上一条</button>
<button class="next-post">下一条</button>
<button class="close-post">关 闭</button>
</div>
</div>
</div> 页面的底部,需引入jQuery库和本地JS文件,代码如下:
<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
