咨询热线

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