页面的head部分，需引入页面的样式文件、jQuery库和必要的JS文件，代码如下：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/tools.js"></script>页面的body部分，需设置好大小图轮播的容器，代码如下：
<div class="wrap">
<div class="banner-box">
<div class="mobile">
<!-- banner-mobile -->
<div class="mobile-content"></div>
<i></i>
</div>
<!-- banner-bg -->
<div class="swiper-content"></div>
</div>
</div>页面的底部，需启用插件并设置好轮播的图片内容，代码如下：
window.onload = function(){
tools.swiperbanner('.swiper-content','.mobile-content',{
bannerpic:["img/banner-01.png","img/banner-02.png","img/banner-03.png"],
mobilepic:["img/banner-m01.png","img/banner-m02.png","img/banner-m03.png"]
})
}*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
