quanshiyinian 发表于 2014-10-4 21:51:29

【美工教程】012实例-全屏代码轮播效果-VIP教程专属

全屏轮播代码修改方式和代码如下





这里是代码:
<div class="J_TWidget" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:550px;overflow:hidden;">
      <div class="taobaoux" style="height:550px;">
                <div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">
                        <div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">
                              <div data-widget-config="{"contentCls": "taobaoux-com","navCls": "bbs-taobaoux-com","effect": "scrollx","easing": "easeOutStrong","prevBtnCls":"prev1920","nextBtnCls":"next1920","autoplay": true,"viewSize":,"circular": true}" data-widget-type="Carousel" class="J_TWidget">
                                       
                                        <div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">
                                                <ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">
                                                      <li style="width:1920px;height:550px;padding:0px;margin:0px;">
                                                               <a target="_blank" href="http://item.taobao.com/item.htm?id=36647131672" style="padding:0px;margin:0px;"> <img src="http://img02.taobaocdn.com/imgextra/i2/90403619/TB2CG2paXXXXXb7XXXXXXXXXXXX_!!90403619.jpg" width="1920px" height="550px" border="0px" /></a>
                                                      </li>
                                                      <li style="width:1920px;height:550px;padding:0px;margin:0px;">
                                                               <a target="_blank" href="http://item.taobao.com/item.htm?id=36647131672" style="padding:0px;margin:0px;"> <img src="http://img01.taobaocdn.com/imgextra/i1/90403619/TB2hQfnaXXXXXc1XXXXXXXXXXXX_!!90403619.jpg" width="1920px" height="550px" border="0px" /></a>
                                                      </li>
                                                      <li style="width:1920px;height:550px;padding:0px;margin:0px;">
                                                               <a target="_blank" href="http://item.taobao.com/item.htm?id=36647131672" style="padding:0px;margin:0px;"> <img src="http://img01.taobaocdn.com/imgextra/i1/90403619/TB2LAHoaXXXXXbOXXXXXXXXXXXX_!!90403619.jpg" width="1920px" height="550px" border="0px" /></a>
                                                      </li>
                                                      <li style="width:1920px;height:550px;padding:0px;margin:0px;">
                                                               <a target="_blank" href="http://item.taobao.com/item.htm?id=36647131672" style="padding:0px;margin:0px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/90403619/TB2gMfoaXXXXXcxXXXXXXXXXXXX_!!90403619.jpg" width="1920px" height="550px" border="0px" /></a>
                                                      </li>
                                                </ul>
                                        </div>
                                        <div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
                                                <div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background:url() repeat;top:505px;">
                                                      <ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align:center;">
                                                                <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
                                                                         <img src="http://img01.taobaocdn.com/imgextra/i1/90403619/TB2YKToaXXXXXbLXXXXXXXXXXXX_!!90403619.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
                                                                </li>
                                                                <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
                                                                         <img src="http://img02.taobaocdn.com/imgextra/i2/90403619/TB2hiHpaXXXXXbzXXXXXXXXXXXX_!!90403619.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
                                                                </li>
                                                                <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
                                                                         <img src="http://img01.taobaocdn.com/imgextra/i1/90403619/TB28NrtaXXXXXalXXXXXXXXXXXX_!!90403619.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
                                                                </li>
                                                                <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
                                                                         <img src="http://img01.taobaocdn.com/imgextra/i1/90403619/TB2WDrnaXXXXXbwXXXXXXXXXXXX_!!90403619.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" />
                                                                </li>
                                                      </ul>
                                                </div>
                                        </div>
                              </div>
                        </div>
                </div>
      </div>
      <ul class="ks-switchable-nav" style="display:none;">
      </ul>
</div>


页: [1]
查看完整版本: 【美工教程】012实例-全屏代码轮播效果-VIP教程专属