橘云网-淘宝店铺装修设计论坛

标题: 2015最新永久免费的淘宝全屏飘雪模块代码-亲测可用 [打印本页]

---

作者: Juyun123    时间: 2015-12-19 10:50
标题: 2015最新永久免费的淘宝全屏飘雪模块代码-亲测可用
马上过年啦，赶紧为自己的店铺增加一些节日的气氛吧，在这里教大家制作一个超有感免费的淘宝天猫全屏飘雪效果,步骤如下：

1准备一张全屏海报（默认是1920*483像素）。如果没有，可以到淘宝装修素材下载海报素材




2、将全屏海报上传至淘宝的图片空间，并复制图片链接。


3、将复制好的图片地址替换以下代码中的位置：

1. <div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height: 483px; overflow: hidden; border:none;">
   
2.   <div class="footer-more-trigger" style="width: 1905px; height: 493px; top: auto; padding: 0px; border-width: 0 !important; left: 50%;">
   
3.     <div class="footer-more-trigger" style="width: 1905px; height: 493px; padding: 0px; border-width: 0 !important; left: -960px;">
   
4.       <div style="height: 493px; width: 1905px; overflow: hidden; padding: 0px; margin: 0px;">
   
5.                         <a class="J_TWidget" target="_blank" href="<b><font color="#ff0000">此处替换你的链接地址</font></b>" style="display:block;width:1920px;height:483px;background:url(<b><font color="#ff0000">此处替换你的图片地址</font></b>) 0 0 no-repeat;">
   
6.                         <embed style="display:block;float:left;margin-left:100px;height:100%;" allownetworking="all" allowscriptaccess="never" flashvars="scene=taobao_shop" name="flashfirebug_1387263869481" src="http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="465" wmode="transparent"></embed>
   
7.                         <embed style="display:block;float:right;margin-right:100px;height:100%;" allownetworking="all" allowscriptaccess="never" flashvars="scene=taobao_shop" name="flashfirebug_1387263869481" src="http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="465" wmode="transparent"></embed>
   
8.                         </a>
   
9.           </div>
   
10.     </div>
    
11.   </div>
    
12. </div>

复制代码

4、在淘宝后台里新建一个自定义模块（如下图所示）,并将复制的代码粘贴到代码框中。（注意要选择源码编辑模式）




5、最后保存并发布，就可以看到飘雪的效果啦：






当然您还可以利用我们的淘宝店铺装修工具制作更加有感的海报效果。


本文为橘云网原创，转载请注明来源

---

欢迎光临 橘云网-淘宝店铺装修设计论坛 (http://www.juyun123.com/bbs/)

Powered by Discuz! X3.1