<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>
|
|
 点赞26 哪些同学觉得很赞!
lori棒棒糖 觉得很赞
昵昵妹 觉得很赞
潜意式 觉得很赞
龙猫1212 觉得很赞
大大大表哥 觉得很赞
依仔101 觉得很赞
西卡 觉得很赞
一品数码 觉得很赞
热爱生活热爱家 觉得很赞
我叫大帅比 觉得很赞
|
|
|