淘宝天猫工具
京东店铺工具
1688工具
阿里国际站工具
VIP会员
登录
|
注册
【360度翻牌1】拖此处移动
【360度翻牌2】拖此处移动
【360度翻牌3】拖此处移动
【360度翻牌4】拖此处移动
【360度翻牌5】拖此处移动
【360度翻牌6】拖此处移动
【360度翻牌7】拖此处移动
【360度翻牌8】拖此处移动
【360度翻牌9】拖此处移动
【360度翻牌10】拖此处移动
【360度翻牌11】拖此处移动
【360度翻牌12】拖此处移动
【360度翻牌13】拖此处移动
【360度翻牌14】拖此处移动
【360度翻牌15】拖此处移动
【360度翻牌16】拖此处移动
【360度翻牌17】拖此处移动
【360度翻牌18】拖此处移动
.user_www_hhdm_com .www_bannerdesign_cn_1688y360deg .abs { position:absolute; } .user_www_hhdm_com .www_bannerdesign_cn_1688y360deg a { width:100%; height:100%; display:block; } .user_www_hhdm_com .www_bannerdesign_cn_1688y360deg .www_bannerdesign_cn a img{ display:block; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .user_www_hhdm_com .www_bannerdesign_cn_1688y360deg .www_bannerdesign_cn a:hover img{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); /* Internet Explorer */ -moz-transform:rotateY(360deg); /* Firefox */ -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */ -o-transform:rotateY(360deg); /* Opera */ }
yangshi
contes
如果不懂花10分钟看视频教程就能学会!建议360浏览器观看,有任何疑问或者不懂加QQ:249977084
京东360度翻牌视频教程
当前浏览器不支持video直接播放,点击这里下载视频:
下载视频
0:00:00
0:00:00
背景图片地址:
填写背景图片地址:图片尺寸大小随意,一般都是宽度1920px,高度不限.然后点击加载图片
点击加载图片
温馨提示:如果图片加载不出来按ctrl+f5刷新再试一下
店铺类型:
【京东店铺】
360度翻牌尺寸建立:
操作方法:找到上面的360度翻牌1的红色区域然后按住可以360度翻牌位置, 黄色区域拖拽可以改变尺寸大小,黄色区域就是鼠标经过的时候就会360度翻牌图片.
鼠标经过默认360度翻牌
鼠标经过360度翻牌图片
360度翻牌1
图片地址:
跳转地址:
360度翻牌2
图片地址:
跳转地址:
360度翻牌3
图片地址:
跳转地址:
360度翻牌4
图片地址:
跳转地址:
360度翻牌5
图片地址:
跳转地址:
360度翻牌6
图片地址:
跳转地址:
360度翻牌7
图片地址:
跳转地址:
360度翻牌8
图片地址:
跳转地址:
360度翻牌9
图片地址:
跳转地址:
360度翻牌10
图片地址:
跳转地址:
360度翻牌11
图片地址:
跳转地址:
360度翻牌12
图片地址:
跳转地址:
360度翻牌13
图片地址:
跳转地址:
360度翻牌14
图片地址:
跳转地址:
360度翻牌15
图片地址:
跳转地址:
360度翻牌16
图片地址:
跳转地址:
360度翻牌17
图片地址:
跳转地址:
360度翻牌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>