论坛

标题: Carousel - 旋转木马为什么没有按照淘宝开放平台给的格式写啊? [打印本页]

作者: 花遍天下    时间: 2017-6-30 23:54
标题: Carousel - 旋转木马为什么没有按照淘宝开放平台给的格式写啊?
<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>



作者: 潜意式    时间: 2017-7-1 17:52

淘宝平台是推荐的格式,不一定必须用这个。老师是根据自己平时的习惯编写的,也可以实现效果哦。




欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1