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

  • 格式:doc
  • 大小:1.69 MB
  • 文档页数:5

天猫全屏页面图文教程

第一步 当然是给代码了,这个是我用的代码,图片和衔接也都是我的,大家可以复制在DW里打开直接更换。

style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:5527px;overflow:hidden;padding-top:0px;">

    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" />

第二步 将这段代码放入DW代码模式,

第三步 这部分设置页面大小的部分,从图上看,我的页面是5527的高度,(划红色圈),这里可以更改成你的页面大小。加速25届张浩

第四步 这是页面宽度,设置 一下你的宽度,如果在PS里做的图就是1920,就不用改。加速25届张浩

第五步 这两个设置不需要动,liftl-485是指页面偏移485Px top:20是取消顶部20PX间隙。加速25届张浩

第六步 这步是 放入你切好已经放入 图片空间 以后的图片衔接的部分 最上的 红色大圈 是一个图片单位,就是一个到下一个之间的代码,你切了多少片,就放多少个这样的单位。复制这样一个单位,拷贝到下段就可以了。

红色圈里设置你一个切片图的高度。蓝色是图的宽度。加速25届张浩图片的大小和衔接在图片空间看,按你切片顺序把图片大小填入上面的高度位置。一个切片大小在这里看如下图

单击放大

然后是放入衔接了,复制衔接

替换掉代码中已有的图片衔接如下红线部分

替换完成以后在设计模式里给图片加热点,然后在热点上放入商品衔接。

热点做完以后再转入代码模式,复制代码之后,在店铺装修中添加自定义模块,在源码模式下复制代码进去保存就可以了。

这就是我做一个全屏页面的过程。谢谢。 加速25届张浩