您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 信息化管理 > 天猫淘宝全屏代码的使用方法(附全屏代码)
天猫全屏页面图文教程第一步当然是给代码了,这个是我用的代码,图片和衔接也都是我的,大家可以复制在DW里打开直接更换。divclass=J_TWidgetmypoperpAAmyDprdata-widget-config={'effect':'fade','circular':true,'contentCls':'sj-tpAAmyDpr','navCls':'sj-npAAmyDpr','autoplay':'true'}data-widget-type=Tabsstyle=padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:5527px;overflow:hidden;padding-top:0px;divclass=sj-tpAAmyDprdivclass=J_TWidgetdata-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=Carouseldivclass=pa2ulclass=sj-contentpAAmyDprstyle=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=0cellpadding=0cellspacing=0class=height=0width=1920tbodytrtdimgborder=0height=363src=!!1645086116.jpgwidth=1920//a/td/trtrtdimgborder=0height=356src=!!1645086116.jpgstyle=float:none;margin:0px;width=1920//a/td/trtrtdimgborder=0height=177.76src=!!1645086116.jpgstyle=float:none;margin:0px;width=1920//a/td/trtrtdimgsrc=!!1645086116.jpgwidth=1920height=700.44border=0usemap=#dfsafasdasfsdf//td/trtrtdimgsrc=!!1645086116.jpgwidth=1920height=809.13border=0usemap=#adsfsdfdfdahzzcv//td/trtrtdimgborder=0height=743.66src=!!1645086116.jpgusemap=#sdfsdfwetqwidth=1920//td/trtrtdimgsrc=!!1645086116.jpgwidth=1920height=774.50border=0usemap=#Mapsdfaewqr//td/trtrtdimgborder=0height=749src=!!1645086116.jpgusemap=#ewrqewqrtyjkkwqwidth=1920//td/trtrtdimgsrc=!!1645086116.jpgwidth=1920height=804.63border=0usemap=#asdfsdfasfs//td/tr/tbody/table/ul/div第二步将这段代码放入DW代码模式,第三步这部分设置页面大小的部分,从图上看,我的页面是5527的高度,(划红色圈),这里可以更改成你的页面大小。加速25届张浩第四步这是页面宽度,设置一下你的宽度,如果在PS里做的图就是1920,就不用改。加速25届张浩第五步这两个设置不需要动,liftl-485是指页面偏移485Pxtop:20是取消顶部20PX间隙。加速25届张浩第六步这步是放入你切好已经放入图片空间以后的图片衔接的部分最上的红色大圈是一个图片单位,就是一个tr到下一个tr之间的代码,你切了多少片,就放多少个这样的单位。复制这样一个单位,拷贝到下段就可以了。红色圈里设置你一个切片图的高度。蓝色是图的宽度。加速25届张浩图片的大小和衔接在图片空间看,按你切片顺序把图片大小填入上面的高度位置。一个切片大小在这里看如下图单击放大然后是放入衔接了,复制衔接替换掉代码中已有的图片衔接如下红线部分替换完成以后在设计模式里给图片加热点,然后在热点上放入商品衔接。热点做完以后再转入代码模式,复制代码之后,在店铺装修中添加自定义模块,在源码模式下复制代码进去保存就可以了。这就是我做一个全屏页面的过程。谢谢。加速25届张浩
本文标题:天猫淘宝全屏代码的使用方法(附全屏代码)
链接地址:https://www.777doc.com/doc-4510060 .html