幽灵资源网 Design By www.bzswh.com
1.引入JS库，jquery.js脚本和插件脚本jcarousellite.js。
复制代码 代码如下:
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/jcarousellite.js">
2.需要被展现的HTML结构 div>ul>li>img ，结构比较清晰
复制代码 代码如下:
<div>
<ul>
<li><img src="/UploadFiles/2021-04-02/1.jpg"><li><img src="2.jpg"><li><img src="3.jpg"><li><img src="4.jpg"></ul>
</div>
3.执行启动脚本
复制代码 代码如下:
$(function() {
$(".default .jCarouselLite").jCarouselLite({
btnNext: ".default .next",
btnPrev: ".default .prev"
});
});
官方网站演示：http://demo.jb51.net/js/jcarousellite2/index.htm
打包演示下载：https://www.jb51.net/jiaoben/33787.html
复制代码 代码如下:
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/jcarousellite.js">
2.需要被展现的HTML结构 div>ul>li>img ，结构比较清晰
复制代码 代码如下:
<div>
<ul>
<li><img src="/UploadFiles/2021-04-02/1.jpg"><li><img src="2.jpg"><li><img src="3.jpg"><li><img src="4.jpg"></ul>
</div>
3.执行启动脚本
复制代码 代码如下:
$(function() {
$(".default .jCarouselLite").jCarouselLite({
btnNext: ".default .next",
btnPrev: ".default .prev"
});
});
官方网站演示：http://demo.jb51.net/js/jcarousellite2/index.htm
打包演示下载：https://www.jb51.net/jiaoben/33787.html
幽灵资源网 Design By www.bzswh.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...