聚光轮播特效 --艺灵设计

聚光轮播效果欣赏

左右两侧的半透明黑色背景可替换成有镂空的半透明图片哦！

123

左遮罩

右遮罩

prev

next

模板代码

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

{"tit":"聚光轮播","inf":"www.yilingsj.com/zxsc/lbtx/2014-09-03/201.html","tim":"导出时间：2016/11/14 下午3:57:09","typ":"juguanglunbo","vie":{"vt0":{}},"mai":[{"dii":"0","dnu":"100000","dst":{},"def":{"wid":"1190","hei":"450","bgs":"http://img.alicdn.com/imgextra/i2/759415648/TB2S6XkbeNOdeFjSZFBXXctzXXa-759415648.png","uri":"","tar":"_blank","tai":0}},{"dii":"1","dnu":"100001","dst":{},"def":{"wid":"1190","hei":"450","bgs":"http://img.alicdn.com/imgextra/i4/759415648/TB2qYlQc5GO.eBjSZFEXXcy9VXa-759415648.png","uri":"","tar":"_blank","tai":0}},{"dii":"2","dnu":"100002","dst":{},"def":{"wid":"1190","hei":"450","bgs":"http://img.alicdn.com/imgextra/i4/759415648/TB2M3nhb5gSXeFjy0FcXXahAXXa-759415648.png","uri":"","tar":"_blank","tai":0}}],"ma1":[{"dii":"0","dnu":"100000","dst":{},"def":{"wid":"1190","bgc":"#000000","rep":"repeat","pox":"center","poy":"top","opa":"0.6","bgs":"http://img.alicdn.com/imgextra/i3/759415648/TB2fi6uXR_B11BjSspcXXb0sVXa-759415648.png","pxv":"","pyv":"","rei":2,"pxi":1,"pyi":0}}],"ma2":[{"dii":"0","dnu":"100000","dst":{},"def":{"ste":"1","del":"0.5","vie":"","dur":"1","int":"3","act":"0","eas":"backOut","eff":"scrollx","fan":"true","jts":"1","cir":"true","aut":"true","lun":"0","has":"true","trT":"mouse","trv":"","aTC":"hidden","eai":13,"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":""}}],"ma4":[{"dii":"0","dnu":"100000","dst":{},"def":{"bgs":"http://img.alicdn.com/imgextra/i4/759415648/TB215zuXPHz11Bjy0FpXXcNiVXa-759415648.png","bgc":"transparent","hgs":"http://img.alicdn.com/imgextra/i4/759415648/TB215zuXPHz11Bjy0FpXXcNiVXa-759415648.png","hgc":"#ffffff","top":"195","lef":"365","wid":"60","hei":"60"}},{"dii":"1","dnu":"100001","dst":{},"def":{"bgs":"http://img.alicdn.com/imgextra/i2/759415648/TB2FvTtXIHA11Bjy0FiXXckfVXa-759415648.png","bgc":"transparent","hgs":"http://img.alicdn.com/imgextra/i2/759415648/TB2FvTtXIHA11Bjy0FiXXckfVXa-759415648.png","hgc":"#ffffff","top":"195","lef":"1495","wid":"60","hei":"60"}}],"ma5":[{"dii":"0","dnu":"100000","dst":{},"def":{"mbs":"3","mat":"0","mar":"auto","mab":"10","mal":"auto","bot":"10","bor":"10","bob":"10","bol":"10","bop":"px","wid":"900","hei":"20","ali":"center","bgc":"transparent","opa":"0.6","pwi":"80","mbi":3,"aii":1,"boi":0}},{"dii":"1","dnu":"100001","dst":{},"def":{"wid":"20","hei":"20","col":"#ffffff","hco":"#C71892","bgc":"#C5C5C5","hbg":"#FF6208","mat":"0","mar":"10","mab":"0","mal":"0","fts":"12"}}],"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":""}}],"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":"1190","hei":"450"}}],"def":{"dii":[0,"2","0,1,2,",3,3],"dsi":{"lbCs":1},"wid":"1920","hei":"450","xbj":"0","hua":"666","wgx":1,"she":1,"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-14 16:19:09　|　阅：

评论区

我要评论