多层商品背景滑动代码【无需CSS权限】 | 墨兮风电商博客 — 做专业的电商个人博客

收集分享
电商最优秀的资源


多层商品背景滑动代码【无需CSS权限】

以下代码需开通CSS权限才可以使用,<style></style>以内代码复制到店铺CSS框内点击保存。html代码复制到自定义内容区内即可。代码都经过测试使用,所以几乎不存在使用不了的情况。【如代码预览没有效果请发布以后再浏览】

部分代码含有淘宝class="J_TWidget"功能,如果需要在本地浏览代码效果在代码最开头加上如下代码:
<script src="http://a.tbcdn.cn/apps/pamirsshop/wiki/scripts/prettify.js" type="text/javascript"></script>
<script src="http://a.tbcdn.cn/s/kissy/1.1.6/kissy.js"></script>
<script src="http://a.tbcdn.cn/p/shop/1.0/mods/s/countdown/countdown-min.js"></script>
<script src="http://a.tbcdn.cn/apps/pamirsshop/wiki/scripts/jquery-min-1.4.js"></script>
<script src="http://a.tbcdn.cn/apps/pamirsshop/wiki/scripts/wiki.js"></script>
<script>
KISSY.ready(function(S){
S.Countdown.autoRender();
});
</script>

兮风QQ:2802813994。微信号:jiyaoshijue(或扫右边二维码)如有疑问欢迎加我谈论。

图片是样例,内容可以自行替换也可以达到效果。如果觉得本文好也可以发转发给身边的朋友分享。



大家如果想学习哪家店铺的代码可以在下面留言 我会在店铺装修专栏里不定时为大家分解讲解代码的使用。

* 代码版权归原创者所有,本文仅用作参考,本论坛不承担任何责任。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div style="height: 800px; z-index: 1;">
<div class="sn-simple-logo" style="padding: 0px; left: 50%; top: auto;">
<div class="sn-simple-logo" style="padding: 0px; left: -960px; top: -20px;">
<div style="background-position: center; width: 1920px; height: 1970px; float: left; position: relative; display: block; background-image: url('这里放背景图片'); background-attachment: fixed; background-repeat: no-repeat;">这里可以放1920的产品PNG产品排版</div>
</div>
</div>
</div>
<div style="height: 800px; z-index: 1;">
<div class="sn-simple-logo" style="padding: 0px; left: 50%; top: auto;">
<div class="sn-simple-logo" style="padding: 0px; left: -960px; top: -20px;">
<div style="background-position: center; width: 1920px; height: 1970px; float: left; position: relative; display: block; background-image: url('这里放背景图片'); background-attachment: fixed; background-repeat: no-repeat;">这里可以放1920的产品PNG产品排版</div>
</div>
</div>
</div>

(如果还是不明白可以加QQ群320605435 咨询JY、兮风,或者扫描二维码加我)

本章转自互联网,如有冒犯请联系版主修正 兮风电商博客 » 多层商品背景滑动代码【无需CSS权限】




喜欢 16

发表评论

电子邮件地址不会被公开。 必填项已用*标注

最新文章

  • 去评论
  • 去顶部