论坛
标题:
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