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

quanshiyinian

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





这里是代码：

1. <div class="J_TWidget" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:550px;overflow:hidden;">
   
2.         <div class="taobaoux" style="height:550px;">
   
3.                 <div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">
   
4.                         <div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">
   
5.                                 <div data-widget-config="{"contentCls": "taobaoux-com","navCls": "bbs-taobaoux-com","effect": "scrollx","easing": "easeoutStrong","prevBtnCls":"prev1920","nextBtnCls":"next1920","autoplay": true,"viewSize":[1920],"circular": true}" data-widget-type="Carousel" class="J_TWidget">
   
6.                                        
   
7.                                         <div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">
   
8.                                                 <ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">
   
9.                                                         <li style="width:1920px;height:550px;padding:0px;margin:0px;">
   
10.                                                                  <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>
    
11.                                                         </li>
    
12.                                                         <li style="width:1920px;height:550px;padding:0px;margin:0px;">
    
13.                                                                  <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>
    
14.                                                         </li>
    
15.                                                         <li style="width:1920px;height:550px;padding:0px;margin:0px;">
    
16.                                                                  <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>
    
17.                                                         </li>
    
18.                                                         <li style="width:1920px;height:550px;padding:0px;margin:0px;">
    
19.                                                                  <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>
    
20.                                                         </li>
    
21.                                                 </ul>
    
22.                                         </div>
    
23.                                         <div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
    
24.                                                 <div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background:url() repeat;top:505px;">
    
25.                                                         <ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align:center;">
    
26.                                                                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    
27.                                                                          <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;" />
    
28.                                                                 </li>
    
29.                                                                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    
30.                                                                          <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;" />
    
31.                                                                 </li>
    
32.                                                                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    
33.                                                                          <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;" />
    
34.                                                                 </li>
    
35.                                                                 <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
    
36.                                                                          <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;" />
    
37.                                                                 </li>
    
38.                                                         </ul>
    
39.                                                 </div>
    
40.                                         </div>
    
41.                                 </div>
    
42.                         </div>
    
43.                 </div>
    
44.         </div>
    
45.         <ul class="ks-switchable-nav" style="display:none;">
    
46.         </ul>
    
47. </div>

复制代码

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！