天猫、淘宝店铺首页放雪花效果代码
1、首先看一下效果,图片是直接截图的不会动,实际效果是动态的,不停的下雪花
2、首先在店铺装修后台首页里添加一个自定义内容区,切换到代码编辑模式,把以下代码复制直接粘贴进去,发布即可
3、店铺的雪花代码,只要把海报图,换成你自已的就可以了<div class="panelsdiv" style="height:633px;&鳎溻趄酃quot;> <div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:50%;top:auto;border:none;padding:0;margin:0;line-height:1.5;"> <div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:-960px;top:auto;border:none;padding:0;margin:0;line-height:1.5;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tbody> <tr> <td> <div class="wd_self_rel" style="position:relative;width:1920px;height:633px;background-color:transparent;background-repeat:no-repeat;background-image:url(//gdp.alicdn.com/imgextra/i2/677699202/TB2lVZUiFXXXXb4XpXXXXXXXXXX_!!677699202.jpg);background-attachment:scroll;background-position:center top;"> <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_htmlWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:0px;top:0px;width:489px;height:730px;overflow:hidden;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="633" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"> </embed> </div> </div> <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_htmlWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:484px;top:-2px;width:500px;height:633px;overflow:hidden;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="633" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"> </embed> </div> <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_htmlWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:982px;top:0px;width:500px;height:633px;overflow:hidden;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="633" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"> </embed> </div> <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_htmlWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:1483px;top:-1px;width:438px;height:704px;overflow:hidden;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="633" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"> </embed> </div> <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_imgElement" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:0px;top:0px;"> <a target="_blank"><img width="1920" height="730" /></a> </div> </td> </tr> </tbody> </table> </div> </div></div>
4、代码图片的修改地方