高仿淘宝首屏钻展轮播特效 --艺灵设计

高仿淘宝首屏钻展轮播特效欣赏

淘宝首页的钻展轮播图，替换成自己的图片即可

●●●●●

prev

next

模板代码

ps:使用下面的代码可快速恢复上面的特效哦！→→戳我编辑此牛b特效

{"tit":"全屏轮播","inf":"www.yilingsj.com/zxsc/lbtx/2015-05-27/272.html","tim":"导出时间：2016/11/15 上午11:31:03","typ":"quanpinglunbo","vie":{"vt0":{}},"mai":[{"dii":"0","dnu":"100000","dst":{},"def":{"wid":"520","hei":"280","bgs":"http://img.alicdn.com/tps/TB1bwbmOXXXXXaHapXXXXXXXXXX-520-280.jpg","uri":"","tar":"_blank","tai":0}},{"dii":"1","dnu":"100001","dst":{},"def":{"wid":"520","hei":"280","bgs":"http://img.alicdn.com/simba/img/TB1IDiUOXXXXXbIaXXXSutbFXXX.jpg","uri":"","tar":"_blank","tai":0}},{"dii":"2","dnu":"100002","dst":{},"def":{"wid":"520","hei":"280","bgs":"http://img.alicdn.com/simba/img/TB1tyjsJFXXXXboXVXXSutbFXXX.jpg","uri":"","tar":"_blank","tai":0}},{"dii":"3","dnu":"100003","dst":{},"def":{"wid":"520","hei":"280","bgs":"http://aecpm.alicdn.com/tps/i2/TB10vPXKpXXXXacXXXXvKyzTVXX-520-280.jpg","uri":"","tar":"_blank","tai":0}},{"dii":"4","dnu":"100004","dst":{},"def":{"wid":"520","hei":"280","bgs":"http://img.alicdn.com/tps/TB1mdHKOXXXXXcGXVXXXXXXXXXX-520-280.jpg","uri":"","tar":"_blank","tai":0}}],"ma2":[{"dii":"0","dnu":"100000","dst":{},"def":{"ste":"1","del":"0.5","vie":"","dur":"1","int":"3","act":"0","eas":"easeIn","eff":"scrollx","fan":"true","jts":"1","cir":"true","aut":"true","lun":"0","has":"true","trT":"mouse","trv":"","aTC":"hidden","eai":3,"efi":0,"fai":0,"jti":0,"cii":0,"aui":0,"lbi":0,"hai":0,"tri":0,"aTi":0}}],"ma3":[{"dii":"0","dnu":"100000","dst":{},"def":{"wid":"900","hei":"350","mat":"0","mar":"auto","mab":"0","mal":"auto","txt":""}},{"dii":"1","dnu":"100001","dst":{},"def":{"wid":"900","hei":"350","mat":"0","mar":"auto","mab":"0","mal":"auto","txt":""}},{"dii":"2","dnu":"100002","dst":{},"def":{"wid":"900","hei":"350","mat":"0","mar":"auto","mab":"0","mal":"auto","txt":""}},{"dii":"3","dnu":"100003","dst":{},"def":{"wid":"900","hei":"350","mat":"0","mar":"auto","mab":"0","mal":"auto","txt":""}},{"dii":"4","dnu":"100004","dst":{},"def":{"wid":"900","hei":"350","mat":"0","mar":"auto","mab":"0","mal":"auto","txt":""}}],"ma4":[{"dii":"0","dnu":"100000","dst":{},"def":{"bgs":"http://img.alicdn.com/imgextra/i2/759415648/TB2pK.NbJAvbeFjSspbXXbcOFXa-759415648.png","bgc":"transparent","hgs":"http://img.alicdn.com/imgextra/i1/759415648/TB2BJz_cM1J.eBjy0FaXXaXeVXa-759415648.png","hgc":"transparent","top":"122","lef":"0","wid":"25","hei":"35"}},{"dii":"1","dnu":"100001","dst":{},"def":{"bgs":"http://img.alicdn.com/imgextra/i2/759415648/TB2CFwscH5K.eBjy0FnXXaZzVXa-759415648.png","bgc":"transparent","hgs":"http://img.alicdn.com/imgextra/i2/759415648/TB2iNctcM1J.eBjy0FpXXaMoXXa-759415648.png","hgc":"transparent","top":"122","lef":"495","wid":"25","hei":"35"}}],"ma5":[{"dii":"0","dnu":"100000","dst":{},"def":{"mbs":"13","mat":"0","mar":"auto","mab":"10","mal":"auto","bot":"10","bor":"10","bob":"10","bol":"10","bop":"px","wid":"520","hei":"20","ali":"center","bgc":"#ffffff","opa":"0.5","pwi":"80","mbi":13,"aii":1,"boi":0}},{"dii":"1","dnu":"100001","dst":{},"def":{"wid":"10","hei":"10","col":"#B7B7B7","hco":"#FF6208","bgc":"transparent","hbg":"transparent","mat":"0","mar":"5","mab":"0","mal":"0","fts":"22"}}],"ma6":[{"dii":"0","dnu":"100000","dst":{},"def":{"txt":"●","htx":"●"}},{"dii":"1","dnu":"100001","dst":{},"def":{"txt":"●","htx":"●"}},{"dii":"2","dnu":"100002","dst":{},"def":{"txt":"●","htx":"●"}},{"dii":"3","dnu":"100003","dst":{},"def":{"txt":"●","htx":"●"}},{"dii":"4","dnu":"100004","dst":{},"def":{"txt":"●","htx":"●"}}],"ma7":[{"dii":"0","dnu":"100000","dst":{},"def":{"opa":"0.6","roa":"360","dur":".3","tim":"linear","ti0":"0.3","ti1":"1.5","ti2":"0.7","ti3":"1","scx":"0.001","scy":"0.001","trx":"1000","try":"0","css":"/*自定义翻页特效开始;*/.ylsj-btntx-9 .ylsj-btn-w .drag{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity:0;-webkit-transition:.3s;transition:.3s;}.ylsj-btntx-9 .ylsj-btn-w .drag-btn-p{-webkit-transform:scale(0.001,0.001) translate(-500px,0);transform:scale(0.001,0.001) translate(-500px,0);}.ylsj-btntx-9 .ylsj-btn-w .drag-btn-n{-webkit-transform:scale(0.001,0.001) translate(500px,0);transform:scale(0.001,0.001) translate(500px,0);}.ylsj-btntx-9:hover .ylsj-btn-w .drag{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1;}/*自定义翻页特效结束*/","jts":"9","tii":0,"jti":9}}],"ma8":[{"dii":"0","dnu":"100000","dst":{},"def":{"wid":"520","hei":"280"}}],"def":{"dii":[0,4,"0,1,2,3,4,",5,2],"dsi":{"lbCs":1},"wid":"520","hei":"280","xbj":"0","hua":"666","wgx":1,"she":0,"qpk":0,"gns":0,"tzg":0,"stt":0,"xht":0,"ltt":0,"fdg":0,"gjg":0,"dpm":1}}

模板使用教程

ps:如果您是新手，请按照下方的教程步骤，一步步操作才能还原哦！还原后更换掉您自己的图片、链接点击生成后就是您自己的代码啦！

第一步：向下拉页面，当看到【模板代码】4个字时停止，复制下面文本域中的代码。
小提示：鼠标在这里单击一下，然后按下Ctrl+A可全选，再按下Ctrl+C可进行复制，如果是mac系统，Command+A是全选，Command+C是复制。
第二步：点击上方的红字【戳我获取】，此时会跳转到对应的软件页面
第三步：点击【导入模板】--粘贴自己的代码，快捷键：Ctrl+V，mac系统是：Command+V，粘贴后点击确定就可以了。来张图片教程吧！模板代码还原教程

分享模板

据说喜欢分享的看官都已成大神且涨工资了！！！(【分享】按钮在屏幕右侧。)

发布时间：2016-11-15 15:22:15　|　阅：

评论区

我要评论