天猫淘宝全屏代码的使用方法

天猫全屏页面图文教程第一步当然是给代码了，这个是我用的代码，图片和衔接也都是我的，大家可以复制在DW里打开直接更换。<divclass="J_TWidgetmypoperpAAmyDpr"data-widget-config=〃{'effect':'fade','circular':true,'contentCls':'sj-tpAAmyDpr','navCls':'sj-npAAmyDpr','autoplay':'true'}〃data-widget-type=〃Tabs〃style=〃padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:5527px;overflow:hidden;padding-top:0px;〃><divclass=〃sj-tpAAmyDpr〃><divclass=〃J_TWidget〃data-widget-config=〃{'contentCls':'sj-contentpAAmyDpr','navCls':'sj-npAAmyDpr','triggerType':'click','effect':'fade','steps':1,'autoplay':true,'circular':true,'prevBtnCls':'prev1pAAmyDpr','nextBtnCls':'next1pAAmyDprpAAmyDpr'}〃data-widget-type=〃Carousel〃><divclass=〃pa2〃><ulclass=〃sj-contentpAAmyDpr〃style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:5527px;overflow:hidden;padding-top:0px;"><listyle="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1920px;padding-right:0px;padding-top:0px;left:-485px;top:-20px;"><tableborder=〃0〃cellpadding=〃0〃cellspacing=〃0〃class=〃〃height=〃0〃width=〃1920〃><tbody><tr><td><imgborder=〃0〃height=〃363〃src="/imgextra/i2/1645086116/T27z1nXwtaXXXXXXXX!!1645086116.jp£width=〃1920〃/></a></td></tr><tr><td><imgborder=〃0〃height=〃356〃src="/imgextra/i3/1645086116/T2aBmEXwFaXXXXXXXX!!1645086116.jp£style=〃float:none;margin:0px;〃width=〃1920〃/></a></td></tr><tr><td><imgborder=〃0〃height=〃177.76〃src="///imgextra/i3/1645086116/T2b8yeXD0XXXXXXXXX_!!1645086116.jp《style=〃float:none;margin:0px;〃width=〃1920〃/></a></td></tr><tr><td><imgsrc="/imgextra/i2/1645086116/T2JL9pXCFXXXXXXXXX!!1645086116.j"width=〃1920〃height=〃700.44〃border=〃0〃usemap=〃#dfsafasdasfsdf〃/></td></tr><tr><td><imgsrc="/imgextra/i4/1645086116/T2bRuSXB4XXXXXXXXX_!!1645086116._"width=〃1920〃height=〃809.13〃border=〃0〃usemap=〃#adsfsdfdfdahzzcv〃/></td></tr><tr><td><imgborder=〃0〃height=〃743.66〃src=".tp:///imgextra/i1/1645086116/T2W5ixXtpaXXXXXXXX!!1645086116.jp/usemap=〃#sdfsdfwetq〃width=〃1920〃/></td></tr><tr><td><imgsrc="/imgextra/i4/1645086116/T2wxmsXwBaXXXXXXXX_!!1645086116._"width=〃1920〃height=〃774.50〃border=〃0〃usemap=〃#Mapsdfaewqr〃/></td></tr><tr><td><imgborder=〃0〃height=〃749〃src="/imgextra/i4/1645086116/T2Eb5pXl8cXXXXXXXX!!1645086116.jp/usemap=〃#ewrqewqrtyjkkwq〃width=〃1920〃/></td></tr><tr><td><imgsrc="/imgextra/i4/1645086116/T2pxMfXhRbXXXXXXXX_!!1645086116._"width=〃1920〃height=〃804.63〃

border=〃0〃usemap=〃#asdfsdfasfs〃/></td></tr></tbody></table></ul></div>第二步将这段代码放入DW代码模式，尺clas^=VJ_WidgetmypoperpAAjuyDprdata—widget-conf15="{neffect1Jfade,；ncirculai":true,contentCis3:?sj-tpAAj[iyDpr,navCla'1/si-n.pJUijiiyDprJ31autap1ay^:?true"}data-widg已t—typ已二“Tatig"yle-padding-bottom:Opxliiargin:Opxpa24567091011121314L516171019padding-right:Opsheight5527psaverf1ow:hiddenpadding-tap:Ops,>rsj—tpAAmyDpr"r>■'C'iivJ_TlVi(lge_tr，data.—widget-conf1g-{'cont;Jsj-cantentpAAmyDpisrrLavCls3:Jsj-npAAinyDpr1'tJtriggerType5;'diet'j3?fadef!steps1-:1j!autoplay1:true^?circular:truej?prevBtnCls?:prey1pAAjnyDpr5?n.eK_tBtnCls24567091011121314L516171019<ulclafes="sj-contentpAAjnyDpr-7fetyle="padding-bottomOpsmargin:Opxpadding：-1eftOpx■width19^Opspadding-rightOpxhmig：hidden■p&idirig-topOps:"><li'style="padiing-bottoil:Opslist-style-type：nonemargin:Opspadding-Left:Opsuridth:1320pEpadding-rightOpxpaidintop:-20pz."><tahlebaide1="0"cellpadding=，v!ZifrcellEpacing=rvOrrclass=""height二"CTwidths"1920"><tbody><tr><1d><^im.gb口udet="(Thmight="363"src="http;/ZingO2./iingestra/i2/；154503^1IS/TSTslnKirtaJJK'站醐成割峰/X/aK/td></tr><tr><im.gborder="Ch白iglrt="3S&"src=''littp:/7/ingestra/i3/16450B6116/T2aEmEKvP'alX：style="flost:nonenaargin:Ops."哗idth=“192CTd></tr><tr><td><im.gbord已r="D"h已ight二"LTT.Tti"src='http;//im.gO3./imgestra/i3/lG450B61LG/T2bSyeKD0SKKKKKKKS_!!1G45086116.jpg'style-afloatixionsmargin;Ops帕.Hth='102C；「/?</21熨2324明2627</tr><tr><-td><Luigsrhttp://img02,/imgeKtra/12/1645086115/T2JL9pKCFXNmnKl{_21熨2324明2627"TOO.44"border"0"usemap=#dfsafasdssfsdf"/d.>C/tr><tr><td>Cling?rc-"lit-tp://iiP./imgestra/14/15450B6115/T2bRuSKBOTXXmXS_!11645086116.jpg"'■'809.1'3"border^"[!"usemap-"#adafsdfdfdahzzci?'Y/><Ad>召tr>第三步这部分设置页面大小的部分，从图上看，我的页面是5527的高度，（划红色圈），这里可以更改成你的页面大小。加速25届张浩尺d_iwclas^=VJ_WidgetmypoperpAAjuyDprdata-^idg&t-config"{"effect1Jnfade'3'circulai":true2345,contentCis3:?si-tpAimyDpr/Lj^avC1s'3:,ej-npAAmyDprJflautoplay1:?true"}data-widg：et-type=，vTabs^^tyle='padding-bottom:OpxmarginOpxpapadding-right:Opx:height5527pxraverflowhiddenpadding-t2345秘divcla^^=：r£j—tpAAmyu^r?.^'divclaE^=^J-TWiiget"data-widget-config：-{?contentCls?:?sj-contentpAAmyDpr,nnavCls^:nsj-npAAnyDpr?tntriggerType":?clici\n

nfade?steps^:1j?autoplay,:truey?circular':trueprevBtnCl£n:'preulpAAjnyDpr'V,nextBtnCls3:,nextipAAmyDprpAAmyDpr^}'data-widg：et-typ

<divclass^'p^"^■<ulclaS2=，vej-conteiftpAAmyDpr^styl"padding-bottcm:Opsm.argin:Opspadding-leftOpswidth19^0pKPadding-right:Opsheig：hiddenpad.ding-top:Opx:><listyle="pad.dirLg-botton:Opzlist-style-type=nonemargin:Opspadding-left:Opzwidth:192-Opxpadding-rightOpzpaddintop；-20pz"5<taMeticirder二W口日11口之(1±1理二"D"cellspacmg=，vOft'class^"height=，v0"widths"1920"><tbody>第四步这是页面宽度，设置一下你的宽度，如果在PS里做的图就是1920，就不用改。加速25届张浩2345£78<.d.ivcias?="J_JWidgetmypsperpAAmyPpr'clata-widget-contigs'feffect':'lade'1'circular;truejr€：ontentC1s?:Sj-tpAAmyDpr；jnavCls?:?ej—npAAnyDpr'}autoplayr:true}data-Widget-type-fTabsffstyledpadding-LottojrOpxmarginCpspapadding-right:Opxheight552:2345£78<di^dlass^^sj-tpAAniyDpr€divc1ase="JTWidgetdata-widget-config=17{?contentCis3:,s^j-cententpAAnLyDpr,r^auCls-1t3sj-npAAmyDpr，?trigg：erType，i,jcllck';?-?fade?steps?:1,?autcplay1,itrue,/-circular:true,7prevBtn.Cls?prevlpAAiiiyDpr1,?nextBi:nCLsn}?neKtLpAAniyDprpAJbnyDpr}data-widgei-typ;-<aivclas'E="pa2，v>-class='sj-cont&n.tpJU]ityDpi!'716="^adding-'bcttoiii：Opsmargin:Ops:padding-leftOpKvfidtlG1920ps'■cddiiig-right!Opsheighiddenpaidirig-top:Ops"X^■<listyle=padding-bottom:Opslist-style-typeinanemargin!Opspadding-left:OpEwiIth:1920ps;addi.ng：-right:Opspaddin.top-其口"侦：/<tableticirder二"CTcellpadding=^u"cellspacings170"clas3=^"heiglrt二"D"wid'nl-19<tbody>X第五步这两个设置不需要动，liftl-485是指页面偏移485Pxtop:20是取消顶部20PX间隙。加速25届张浩<divc13ee!=rJ_TWidg：etmypop&rpAAnyDprdata-widget-con.fig='{?effect1:：fade73,circular':truejncon_tentCls，:3Ej-tpAAjnyDpr\?nawClE,:nsj-npAkniyDpr'-,,7a'utopLay，:：true7}"data-uridget-type="Tabs"sty1&='padding：-bottomOpxmarginOpspapadding-right:Ops:height:552Ypu□verf1ouf:hiddenpadding-top!Ops<divclaiSe^'^sJ-tpAAnyDpr"K<divclass^'J_Widget"data-uridget-config-{'conterLtCls，:nsj-contentpAA>yDprJf7:3sj-npA-AjnyDpr,jntriggerType1:7clickJ,"fade7i?steps?:13nautoplay':true^ncircular':true7prevBtnClsrpreulpAAjnyDpr'3?nei?:tBtrLClsn:nnextIpAJbayDprpAAjnyDpr'}"data-midget-typ<div<：ulclass="0j-corLteritpjUmyDpi!"style="paddin^-bottomOpsntargiri!Opapadding-Left:Opsvidth1920pspadding-right:Opshmighitlderipadding-top:Ops■top:-20pwy.<listyle='paddiii^-bottam.:Ops1i2t-srty1e-type:none^argiri：Opspadding-leftiOpswidth:102Opspadding-right:OpspaddinStableborder-"!]"cellpadding：=，TO'7cellspacing：=，TC-7claEs=，v'vheLgh_t="CTtop:-20pwy.<fbody>第六步这步是放入你切好已经放入图片空间以后的图片衔接的部分最上的红色大圈是一个图片单位，就是一个＜tr＞到下一个＜tr＞之间的代码，你切了多少片，就放多少个这样的单位。复制这样一个单位，拷贝到下段就可以了。红色圈里设置你一个切片图的高度。蓝色是图的宽度。加速25届张浩91011<td>i■恩131415Nidth='1驼酎/>]/1心.__.I16171S19:-_aLJVtz91011<td>i■恩131415Nidth='1驼酎/>]/1心.__.I16171S19:-_aLJVtz>Ktd>s-tyle=17floatnonemargiinOps'width=^1920^</tr><tr><td>ight="36-T356img03-.taobaocdn.tom/imgextra/i3/164E086116/T2aBmEKwFaXX}horder=□<i^igborder-"iffiiiigOZ.taobaocdn.cojh/imgextra/i2/16450S6115/T27zlnKvrtaXKl2Q21222324252621border="0'rh&ight==src='http:/-/imgO/img：extra/i3/l64508611&/T2bSyeKD0KKKKXKSEK_!!16450S6116.如style="floatncm已marginOpf:"width='v1922"</tr><tr><td>妇mg''Sdfsafasdasfedf'</-tr><tr><td><inngsrc^h-t-tp://uiig0S.taoL5LOcdn.sj'om/uiigeKtra/i^/l645086116/T2JL3pKCFmnmK_!!16450S6116.jpg"202930313.233343&3有373S39src=Thttp:^/i^gM./ungextra/i4/'1645086116/T2bRuSXE4XXmXSXX_!!16450S6116.jpg"horder=,vC"ueem.ap="adsfedfdfdahzz