WECOME TO BORW' SITE!

咨询热线

13538199475 QQ:3401922741

15

11

2015

淘宝页面背景动态变换代码（天猫可用）！



        有人问天猫店铺装修小编，说别人的淘宝店在页面下拉滚动的时候有背景动态变换的效果，于是小编马上四处收寻，为大家找到了答案，淘宝和天猫店铺多层固定背景效果是通过设置多块图片区域。
 
淘宝页面背景动态变换代码（天猫可用）！

这种代写实现起来也不难,宽度都是1920像素的，下面请看代码。
 
<div class="footer-more-trigger" style="left:50%;width:1920px;height:674px;right:auto;top:auto;padding:0;border:none;z-index:1;">
 
    <div class="footer-more-trigger" style="left:-960px;top:-10px;border:none;padding:0;">
 
      <div style="height:674px;width:1920px;background:url(背景图片);background-repeat:no-repeat;background-position:center;background-attachment:fixed;">
 
        <img src=透明图片.png"/>
 
       </div>
 
    </div>
 
  </div> 
 
</div>
 
        这是我们常用的方法，做首页时首先把透明区域做好，在切片裁切的时候注意保存的格式，然后放入图片空间，把透明png格式的图片跟背景图片（当然也要传到图片空间）放入该代码中的相应位置。
 
注意：这是C店的代码，天猫的请把：<div class="footer-more-trigger"  换成：<div class="sn-simple-logo" 就可以了！PS：这个全屏效果是居中的效果~

上一篇：宝贝详情页内如何插入视频 下一篇：做好布局对网店装修很重要
QQ在线咨询
售前咨询热线
13543403004
售后咨询热线
13543403004
微信扫一扫
深圳天猫装修设计
技术支持:武汉seo