文章描述:-2022年5月1日發(作者:訾修林)天貓全屏頁面圖文教程第一步當然是給代碼了,這個是我用的代碼,圖片和銜接也都是我的,大家可以復制在DW里打開直接更換。第二步將這段代碼放入DW代碼模式,第三步這部分設置頁面大小的部分,從圖上看,我的頁面是5527的高度,(劃紅圈),這里可以更改成你的頁面大小。加速25屆張浩第四步這是頁面寬度,設置一下你的寬度,如果在PS里做的圖就是1920.就不用改。加速25
天貓全屏頁面圖文教程
第一步當然是給代碼了,這個是我用的代碼,圖片和銜接也都是我的,大家可以復制在DW里打開直接更換。
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;">
'click','effect':'fade','steps':1.'autoplay':true,'circular':
true,'prevBtnCls':'prev1pAAmyDpr','nextBtnCls':'next1pAAmyDprpAAmyDpr'}"data-widget-type="Carousel">
style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:5527px;overflow:hidden;padding-top
:0px;">
style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1920px;padding-right:0px;padding-top:0px;left
:-485px;top:-20px;">
width="1920"/>
style="float:none;margin:0px;"width="1920"/>
style="float:none;margin:0px;"width="1920"/>
border="0"usemap="#dfsafasdasfsdf"/>
border="0"usemap="#adsfsdfdfdahzzcv"/>
usemap="#sdfsdfwetq"width="1920"/>
border="0"usemap="#Mapsdfaewqr"/>
usemap="#ewrqewqrtyjkkwq"width="1920"/>
border="0"usemap="#asdfsdfasfs"/>
第二步將這段代碼放入DW代碼模式,
第三步這部分設置頁面大小的部分,從圖上看,我的頁面是5527的高度,(劃紅圈),這里可以更改成你的頁面大小。加速25屆張浩
第四步這是頁面寬度,設置一下你的寬度,如果在PS里做的圖就是1920.就不用改。加速25屆張浩
第五步這兩個設置不需要動,liftl-485是指頁面偏移485Pxtop:20是取消頂部20PX間隙。加速25屆張浩
第六步這步是放入你切好已經放入圖片空間以后的圖片銜接的部分最上的紅大圈是一個圖片單位,就是一個
到下一個之間的代碼,你切了多少片,就放多少個這樣的單位。復制這樣一個單位,拷貝到下段就可以了。
紅圈里設置你一個切片圖的高度。藍是圖的寬度。加速25屆張浩
圖片的大小和銜接在圖片空間看,按你切片順序把圖片大小填入上面的高度位置。一個切片大小在這里看如下圖
單擊放大
然后是放入銜接了,復制銜接
替換掉代碼中已有的圖片銜接如下紅線部分
替換完成以后在設計模式里給圖片加熱點,然后在熱點上放入商品銜接。
熱點做完以后再轉入代碼模式,復制代碼之后,在店鋪裝修中添加自定義模塊,在源碼模式下復制代碼進去保存就可以了。
這就是我做一個全屏頁面的過程。謝謝。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 天貓淘寶全屏代碼的使用方法(附全屏代碼)