淘宝天猫工具
京东店铺工具
1688工具
阿里国际站工具
VIP会员
登录
|
注册
【拼接动画1】拖此处移动
【拼接动画2】拖此处移动
【拼接动画3】拖此处移动
【拼接动画4】拖此处移动
【拼接动画5】拖此处移动
【拼接动画6】拖此处移动
【拼接动画7】拖此处移动
【拼接动画8】拖此处移动
【拼接动画9】拖此处移动
【拼接动画10】拖此处移动
【拼接动画11】拖此处移动
【拼接动画12】拖此处移动
【拼接动画13】拖此处移动
【拼接动画14】拖此处移动
【拼接动画15】拖此处移动
【拼接动画16】拖此处移动
【拼接动画17】拖此处移动
【拼接动画18】拖此处移动
.user_www_hhdm_com .www_bannerdesign_cn_1688sigejiao .abs { position:absolute; } .user_www_hhdm_com .www_bannerdesign_cn_1688sigejiao a { width:100%; height:100%; display:block; } .user_www_hhdm_com .design-pic_t{width:0;height:0;overflow:hidden;display:inline-block;float:left;position:absolute;z-index:2;left:0;top:0;opacity:0;filter:alpha(opacity=0)} .user_www_hhdm_com .design-pic_r{width:0;height:0;overflow:hidden;display:inline-block;float:left;position:absolute;z-index:2;right:0;top:0;opacity:0;filter:alpha(opacity=0)} .user_www_hhdm_com .design-pic_b{width:0;height:0;overflow:hidden;display:inline-block;float:left;position:absolute;z-index:2;right:0;bottom:0;opacity:0;filter:alpha(opacity=0)} .user_www_hhdm_com .design-pic_l{width:0;height:0;overflow:hidden;display:inline-block;float:left;position:absolute;z-index:2;left:0;bottom:0;opacity:0;filter:alpha(opacity=0)} .user_www_hhdm_com .www_bannerdesign_cn_1688sigejiao .www_bannerdesign_cn a:hover .design-pic_t1{width:50%;height:50%;opacity:1;filter:alpha(opacity=100)} .user_www_hhdm_com .www_bannerdesign_cn_1688sigejiao .www_bannerdesign_cn a:hover .design-pic_r1{width:50%;height:50%;opacity:1;filter:alpha(opacity=100)} .user_www_hhdm_com .www_bannerdesign_cn_1688sigejiao .www_bannerdesign_cn a:hover .design-pic_b1{width:50%;height:50%;opacity:1;filter:alpha(opacity=100)} .user_www_hhdm_com .www_bannerdesign_cn_1688sigejiao .www_bannerdesign_cn a:hover .design-pic_l1{width:50%;height:50%;opacity:1;filter:alpha(opacity=100)}
yangshi
contes
如果不懂花10分钟看视频教程就能学会!建议360浏览器观看,有任何疑问或者不懂加QQ:249977084
京东四角拼接动画视频教程
当前浏览器不支持video直接播放,点击这里下载视频:
下载视频
0:00:00
0:00:00
背景图片地址:
填写背景图片地址:图片尺寸大小随意,一般都是宽度1920px,高度不限.然后点击加载图片
点击加载图片
温馨提示:如果图片加载不出来按ctrl+f5刷新再试一下
店铺类型:
【京东店铺】
拼接动画尺寸建立:
操作方法:找到上面的拼接动画1的红色区域然后按住可以拼接动画位置, 黄色区域拖拽可以改变尺寸大小,黄色区域就是鼠标经过的时候就会拼接动画图片.
鼠标经过默认拼接动画
鼠标经过拼接动画图片
拼接动画1
图片地址:
跳转地址:
拼接动画2
图片地址:
跳转地址:
拼接动画3
图片地址:
跳转地址:
拼接动画4
图片地址:
跳转地址:
拼接动画5
图片地址:
跳转地址:
拼接动画6
图片地址:
跳转地址:
拼接动画7
图片地址:
跳转地址:
拼接动画8
图片地址:
跳转地址:
拼接动画9
图片地址:
跳转地址:
拼接动画10
图片地址:
跳转地址:
拼接动画11
图片地址:
跳转地址:
拼接动画12
图片地址:
跳转地址:
拼接动画13
图片地址:
跳转地址:
拼接动画14
图片地址:
跳转地址:
拼接动画15
图片地址:
跳转地址:
拼接动画16
图片地址:
跳转地址:
拼接动画17
图片地址:
跳转地址:
拼接动画18
图片地址:
跳转地址:
复制下面代码到自己后台装修页面的自定义模块当中 点击就可以复制代码
<script src="https:http://assets.alicdn.com/s/kissy/1.1.5/overlay/overlay-pkg.js" async="" charset="utf-8"></script><script src="https:http://assets.alicdn.com/s/kissy/1.1.5/datalazyload/datalazyload-pkg.js" async="" charset="utf-8"></script><script src="https:http://assets.alicdn.com/s/kissy/1.1.5/switchable/switchable-pkg.js" async="" charset="utf-8"></script><link href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/base-min.css" rel="stylesheet"><link type="text/css" rel="stylesheet" href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/prettify.css"><link href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/wiki.css" rel="stylesheet"> <style> body,ul,li{margin:0px; padding:0px; overflow-x: hidden;}
</style>
<input type="hidden" value="隐藏" class="J_hide"><input type="hidden" value="显示" class="J_show"><script type="text/javascript" src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/prettify.js"> </script><script src="http://assets.alicdn.com/s/kissy/1.1.5/kissy.js"></script><script src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/jquery-min-1.4.js"></script><script src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/wiki.js"></script>