快捷导航
发新帖
返回列表
<div  class="section  J_TWidget">

    <span id="scroller-prev" class="prev disable">? 上一页</span>

    <span id="scroller-next" class="next">下一页 ?</span>

    <div class="scroller">

        <div class="ks-switchable-content">


            <img alt="" src="###"/>

            <img alt="" src="###"/>

        <img alt="" src="###"/>


            <img alt="" src="###"/>

        <img alt="" src="###"/>

        <img alt="" src="###"/>


            <img alt="" src="###"/>

        <img alt="" src="###"/>

        <img alt="" src="###"/>
        </div>

        <ul class="ks-switchable-nav">

            <li class="ks-active">?</li>

            <li>?</li>

            <li>?</li>

        </ul>

    </div>

</div>

<div class=”J_TWidget”  data-widget-type=”Carousel”  data-widget-config=”{

'effect': 'scrollx',

            'easing': 'easeOutStrong',

            'steps': 5,

            'viewSize': [680],

            'circular': false,

            'prevBtnCls': 'prev',

            'nextBtnCls': 'next',

            'disableBtnCls': 'disable',

  }”>

<!--  code  -- >

</div>

老师给的思路是




<div class="J_TWidget" data-widget-type="Carousel"
data-widget-config="{'effect':'scrolly','navCls':'anniu','contentCls':'neirong','autoplay':true,'interval':2}">

        <div style="height:300px">
            <ul class="neirong">
                <li style="width:950px; height:300px; background:red"></li>
            <li style="width:950px; height:300px; background:green"></li>
            <li style="width:950px; height:300px; background:blue"></li>
        </ul>

        <ul class="anniu footer-more-trigger" style="padding:0; border:0; width:100%; height:14px; top:280px; left:0; text-align:center;">
                <li style="width:14px; height:14px; background:#999; display:inline-block"></li>
            <li style="width:14px; height:14px; background:#999; display:inline-block"></li>
            <li style="width:14px; height:14px; background:#999; display:inline-block"></li>
        </ul>

    </div>





</div>


举报 使用道具
| 回复

共1个回复 最后回复于 2017-7-1 17:52

勤币 18146   学币 398  
沙发
发表于 2017-7-1 17:52:10 | 只看该作者

淘宝平台是推荐的格式,不一定必须用这个。老师是根据自己平时的习惯编写的,也可以实现效果哦。
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表