|
大家好，這是我第一次在這里發(fā)帖，不當(dāng)之處還望諒解！很多新手朋友你們是否還在羨慕別人的店鋪全屏豪華呢？你是否想過去找裝修大師呢？其實(shí)告訴你很簡單，別浪費(fèi)那錢了，也不要覺得它太難了，我以前就是苦苦的研究所以浪費(fèi)了太多經(jīng)營淘寶的時(shí)間，血的教訓(xùn)啊 漸隱漸現(xiàn)效果1920*500px全屏輪播代碼：
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs"> <div class="piaofu" style="height: 480px"> <div class="J_TWidget" data-widget-config="{ 'contentCls': 'slide-kun1362898230735content', 'triggerCls': 'slide-kun1362898230735triggers', 'navCls': 'slide-kun1362898230735triggers', 'triggerType': 'mouse', 'effect': 'fade', 			'prevBtnCls':'prev', 			'nextBtnCls':'next', 'steps': 1, 'autoplay': true, 			'viewSize':[1920], 'circular': true }" data-widget-type="Carousel" style="z-index: 10; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; top: 0px; padding-top: 0px; left: -485px"> <div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none"> <div class="prev" style="width: 90px; float: left; height: 90px"> <img src="http://img03./imgextra/i3/1578214660/T2YSjlXX8aXXXXXXXX-1578214660.png" /></div> <div class="next" style="width: 90px; height: 90px; margin-left: 950px"> <img src="http://img04./imgextra/i4/1578214660/T2en2mXkXXXXXXXXXX-1578214660.png" /></div> </div> <div class="first-trigger2" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 500px; overflow: hidden; padding-top: 0px"> <ul class="slide-kun1362898230735content" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 500px; padding-top: 0px"> <li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 500px; padding-top: 0px"> <a style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><!--"換圖地址1"--><img border="0" height="500" src="http://img01./imgextra/i1/1578214660/T2SlPlXgdaXXXXXXXX-1578214660.jpg" width="1920" /></a></li> <li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 500px; padding-top: 0px"><!--"鏈接地址1"--><a href="http://http://shop65736317.taobao.com" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><!--"換圖地址2"--><img border="0" height="500" src="http://img03./imgextra/i3/1578214660/T2mdHnXX0XXXXXXXXX-1578214660.jpg" width="1920" /></a></li> <li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 500px; padding-top: 0px"><!--"鏈接地址2"--><a href="http://http://shop65736317.taobao.com" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><!--"鏈接地址3"--><a href="http://http://shop65736317.taobao.com" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><!--"換圖地址3"--><img src="http://img01./imgextra/i1/1578214660/T2NP9kXdlcXXXXXXXX-1578214660.jpg" width="1920" height="500" border="0" /></a></li> <li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 500px; padding-top: 0px"> <!--"鏈接地址4"--><a href="http://http://shop65736317.taobao.com" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><!--"換圖地址4"--><img border="0" height="500" src="http://img01./imgextra/i1/1578214660/T2If6mXk8XXXXXXXXX-1578214660.jpg" width="1920" /></a></li> </ul> </div> <ul class="slide-kun1362898230735triggers" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: none; padding-top: 0px"> <li> </li> <li> </li> <li> </li> <li> </li> </ul> </div> </div> </div> 水平滾動效果1920*500px全屏輪播海報(bào)代碼： <div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs"> <div class="piaofu" style="height:480px;"> <div data-widget-config="{ 'contentCls': 'slide-kun1362899830209content', 'triggerCls': 'slide-kun1362899830209triggers', 'navCls': 'slide-kun1362899830209triggers', 'triggerType': 'mouse', 'effect': 'scrollx', 'prevBtnCls':'prev', 'nextBtnCls':'next', 'steps': 1, 'autoplay': true, 'viewSize':[1920], 'circular': true }" data-widget-type="Carousel" class="J_TWidget" style="z-index:10;top:0px;left:-485px;padding:0px;margin:0px;width:1920px;"> <div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div class="prev" style="width:90px;float:left;height:90px;"><img src="http://img01./imgextra/i1/1578214660/T2kx56XcNbXXXXXXXX-1578214660.png" /></div> <div class="next" style="width:90px;height:90px;margin-left:950px;"><img src="http://img04./imgextra/i4/1578214660/T2bMh6XehdXXXXXXXX-1578214660.png" /></div> </div> <div style="height:500px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="first-trigger2"> <ul class="slide-kun1362899830209content" style="height:500px;width:1920px;padding:0px;margin:0px;"> <li style="width:1920px;height:500px;padding:0px;margin:0px;list-style-type:none;"><!--"鏈接地址1"--><a target="_blank" href="http://http://shop65736317.taobao.com" style="padding:0px;margin:0px;"><!--"圖片地址1"--><img src="http://img01./imgextra/i1/1578214660/T2SlPlXgdaXXXXXXXX-1578214660.jpg" width="1920" height="500" border="0px"></a></li> <li style="width:1920px;height:500px;padding:0px;margin:0px;list-style-type:none;"><!--"鏈接地址2"--><a target="_blank" href="http://http://shop65736317.taobao.com" style="padding:0px;margin:0px;"><!--"圖片地址2"--><img src="http://img03./imgextra/i3/1578214660/T2mdHnXX0XXXXXXXXX-1578214660.jpg" width="1920px" height="500px" border="0px"></a></li><li style="width:1920px;height:500px;padding:0px;margin:0px;list-style-type:none;"><!--"鏈接地址3"--><a target="_blank" http://http://shop65736317.taobao.com" style="padding:0px;margin:0px;"><!--"圖片地址3"--><img src="http://img01./imgextra/i1/1578214660/T2NP9kXdlcXXXXXXXX-1578214660.jpg" width="1920px" height="500px" border="0px"></a></li><li style="width:1920px;height:500px;padding:0px;margin:0px;list-style-type:none;"><!--"鏈接地址4"--><a target="_blank" href="http://http://shop65736317.taobao.com" style="padding:0px;margin:0px;"><!--"圖片地址4"--><img src="http://img01./imgextra/i1/1578214660/T2If6mXk8XXXXXXXXX-1578214660.jpg" width="1920" height="500" border="0px"></a></li> </ul> </div> <ul class="slide-kun1362899830209triggers" style="padding:0px;margin:0px;display:none;"> <li> </li><li> </li><li> </li><li> </li> </ul> </div> </div> </div> 使用方法：首先把用ps設(shè)計(jì)或有現(xiàn)成的全屏海報(bào)1920像素*500像素大的海報(bào)上傳到圖片空間，然后把鏈接復(fù)制下來黏貼替換上面代碼里的“圖片地址”后http:*******.jpg部分，即是 用上傳在圖片空間的海報(bào)鏈接地址替換  之后找一款寶貝的鏈接地址即是你想點(diǎn)擊后鏈接到哪個(gè)寶貝的鏈接地址替換掉“鏈接地址”后面的地址，如圖用想要鏈接的地址替換掉  一次把你的海報(bào)上傳到圖片空間后依次圖片一對應(yīng)鏈接一把鏈接替換好后復(fù)制鏈接，打開淘寶裝修頁面在導(dǎo)航下添加一個(gè)自定義，選擇不顯示  哈哈，簡單吧！不會的看幾遍后試一試吧！會的不要吐槽??！打字不容易?。」?，其實(shí)還有個(gè)簡單的方法教給大家，那便是使用全屏輪播那些代碼生成的軟件，它可以一鍵生成代碼的比較方便，但是是哪個(gè)軟件就不在這里說了，大家想找的話建議去一些大點(diǎn)的淘寶裝修群里的群文件都會有的！不說太多了以免被懷疑打廣告，本人不喜歡打廣告只喜歡分享，因?yàn)榉窒硭钥鞓?！哈哈，祝大家不被裝修難倒，其實(shí)只要樂觀，一切都好！  |
|
|
希望各位不要走我的路，下面我就為大家分享2段代碼，并教大家如何使用它弄成全屏，效果圖如下：
