【美工教程】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": "eahtml" target="_blank" class="relatedlink">seoutStrong","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免費電話、后臺提交工單這些方式聯系道勤主機客服！ 如果您不是我們的客戶也沒問題，點擊頁面最右邊的企業(yè)QQ在線咨詢圖標聯系我們并購買后，我們?yōu)槟�免費進行無縫搬家服務，讓您享受網站零訪問延遲的遷移到道勤主機的服務！