首页 > 移动平台 > 详细

移动端基于jquery的旋转木马插件

时间:2019-11-28 15:53:43      阅读:115      评论:0      收藏:0      [点我收藏+]

1.引入插件jquery.carousel.js   (由于这个插件是基于jquery ,所以要先引入jquery.js)

2.html代码如下

<div class="caroursel poster-main" data-setting = ‘{
                    "scale":0.9, 
                    "algin":"left",
                    "speed":"3000",
                    "isAutoplay":"true",
                    "dealy":"3000"}‘>
                    <ul class="poster-list">
                        <li data-id="1" class="poster-item">
                            <img src="../res_im/dong_img.png">
                        </li>
                        <li data-id="2" class="poster-item">
                            <img src="../res_im/xi_img.png">
                        </li>
                        <li data-id="3" class="poster-item">
                            <img src="../res_im/zhong_img.png">
                        </li>
                        <li data-id="4" class="poster-item">
                            <img src="../res_im/bei_img.png">
                        </li>
                        <li data-id="5" class="poster-item">
                            <img src="../res_im/nan_img.png">
                        </li>
                    </ul>
                    <div class="poster-btn poster-prev-btn"></div>
                    <div class="poster-btn poster-next-btn"></div>
                </div>
3,.引入carousel.css
4.在js中初始化
Caroursel.init($(‘.caroursel‘))

移动端基于jquery的旋转木马插件

原文:https://www.cnblogs.com/wx2019/p/11950350.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!