开关门抽奖轮播+弹幕特效 --艺灵设计

开关门抽奖轮播+弹幕特效

该特效可以分成两部分来做：开门之前和开门之后。要想特效6，图片一定要6！

点我关闭

沙发666css权限很屌哦~~~还能发图片哈哈 31狂笑

31狂笑

双11来啦

18呼叫

赞助会员有啥功能

31疑问

全家桶软件很强大

13强

双11来啦66666666卧槽竟然有表情包功能还有上百个表情

我要买完全自定义CSS50块钱很划算王母娘娘、混事魔王、蛟魔王、鹏魔王、狮驼王......奥特曼等666人觉得很赞路过~~~ 48阿狸侠

48阿狸侠

不明觉厉终于可以发弹幕了卧槽还能抽奖老板再充2块钱

清除浮动，京东/天猫/淘宝等平台通用。在线生成--艺灵设计:www.yilingsj.com/zxsc

模板代码

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

{"tit":"开关门工具","inf":"www.yilingsj.com/zxsc/lbtx/2015-06-14/277.html","tim":"导出时间：2016/11/17 下午3:52:30","typ":"kaiguanmen","vie":{"vt0":{}},"mai":[{"dii":"0","dnu":"100000","dst":{},"def":{"wid":"842","hei":"500","top":"0","lef":"0","bgs":"http://img.alicdn.com/imgextra/i3/759415648/TB2Gf59bXOP.eBjSZFHXXXQnpXa-759415648.png","bgc":"transparent","rep":"no-repeat","pox":"left","poy":"top","pxv":"","pyv":"","rei":3,"pxi":0,"pyi":0}},{"dii":"1","dnu":"100001","dst":{},"def":{"wid":"1078","hei":"500","top":"0","lef":"0","bgs":"http://img.alicdn.com/imgextra/i3/759415648/TB2Gf59bXOP.eBjSZFHXXXQnpXa-759415648.png","bgc":"transparent","rep":"no-repeat","pox":"-842px","poy":"top","pxv":"-842","pyv":"","rei":3,"pxi":3,"pyi":0}}],"ma2":[{"dii":"0","dnu":"100000","dst":{},"def":{"ste":"1","del":"0.1","vie":"","dur":"1","int":"3","act":"0","eas":"easeOut","eff":"scrollx","fan":"true","jts":"1","cir":"true","aut":"false","lun":"1","has":"true","trT":"click","trv":"","aTC":"hidden","eai":4,"efi":0,"fai":0,"jti":0,"cii":0,"aui":1,"lbi":1,"hai":0,"tri":1,"aTi":0}}],"ma3":[{"dii":"0","dnu":"100000","dst":{},"def":{"wid":"1920","hei":"500","mat":"0","mar":"auto","mab":"0","mal":"auto","txt":"&#60;div class=&#34;drag-view-box J_TWidget clearfix&#34; style=&#34;margin:0 auto;width:1920px;height:500px&#34; data-source=&#34;免费生成淘宝、天猫、京东、阿里巴巴等网店装修代码:www.yilingsj.com/zxsc&#34; data-maketime=&#34;2016/10/29 上午10:12:32&#34;&#62;&#60;div class=&#34;J_TWidget&#34; data-widget-config=&#39;{&quot;effect&quot;:&quot;fade&quot;,&quot;easing&quot;:&quot;ease&quot;,&quot;contentCls&quot;:&quot;www-yilingsj-com&quot;,&quot;navCls&quot;:&quot;ylsj-hd-on&quot;,&quot;prevBtnCls&quot;:&quot;ylsj-btn-prev&quot;,&quot;nextBtnCls&quot;:&quot;ylsj-btn-next&quot;,&quot;activeTriggerCls&quot;:&quot;on&quot;,&quot;circular&quot;:true,&quot;hasTriggers&quot;:false,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;activeIndex&quot;:&quot;0&quot;,&quot;delay&quot;:&quot;0&quot;,&quot;interval&quot;:&quot;0.1&quot;,&quot;duration&quot;:&quot;0.1&quot;,&quot;autoplay&quot;:true}&#39; data-widget-type=&#34;Carousel&#34; style=&#34;position:relative;height:500px;width:1920px;margin:0 auto;&#34;&#62;&#60;div style=&#34;overflow:hidden;width:1920px;height:500px;position:relative;&#34;&#62;&#60;div class=&#34;yisj-bd_w&#34; style=&#34;width:1920px;height:500px;left:0;position:relative;overflow:hidden;z-index:1&#34;&#62;&#60;div class=&#34;www-yilingsj-com&#34;&#62;&#60;div class=&#34;ylsj-T-list&#34; style=&#34;margin:0 auto;width:1920px;height:500px&#34;&#62;&#60;div class=&#34;ylsj-TL-user&#34; style=&#34;position:relative;&#34;&#62;&#60;a target=&#34;_blank&#34; class=&#34;ylsj-pic-a&#34; style=&#34;display:block;margin:0 auto;width:1920px;height:500px;text-decoration:none&#34;&#62;&#60;img src=&#34;http://img.alicdn.com/imgextra/i3/759415648/TB2yqqobiGO.eBjSZFjXXcU9FXa-759415648.jpg&#34; style=&#34;border:none;vertical-align:top;width:1920px;height:500px;&#34;&#62;&#60;/a&#62;&#60;/div&#62;&#60;/div&#62;&#60;div class=&#34;ylsj-T-list&#34; style=&#34;margin:0 auto;width:1920px;height:500px&#34;&#62;&#60;div class=&#34;ylsj-TL-user&#34; style=&#34;position:relative;&#34;&#62;&#60;a target=&#34;_blank&#34; class=&#34;ylsj-pic-a&#34; style=&#34;display:block;margin:0 auto;width:1920px;height:500px;text-decoration:none&#34;&#62;&#60;img src=&#34;http://img.alicdn.com/imgextra/i2/759415648/TB2KqqobiGO.eBjSZFjXXcU9FXa-759415648.jpg&#34; style=&#34;border:none;vertical-align:top;width:1920px;height:500px;&#34;&#62;&#60;/a&#62;&#60;/div&#62;&#60;/div&#62;&#60;div class=&#34;ylsj-T-list&#34; style=&#34;margin:0 auto;width:1920px;height:500px&#34;&#62;&#60;div class=&#34;ylsj-TL-user&#34; style=&#34;position:relative;&#34;&#62;&#60;a target=&#34;_blank&#34; class=&#34;ylsj-pic-a&#34; style=&#34;display:block;margin:0 auto;width:1920px;height:500px;text-decoration:none&#34;&#62;&#60;img src=&#34;http://img.alicdn.com/imgextra/i4/759415648/TB2MfWnbXOP.eBjSZFHXXXQnpXa-759415648.jpg&#34; style=&#34;border:none;vertical-align:top;width:1920px;height:500px;&#34;&#62;&#60;/a&#62;&#60;/div&#62;&#60;/div&#62;&#60;div class=&#34;ylsj-T-list&#34; style=&#34;margin:0 auto;width:1920px;height:500px&#34;&#62;&#60;div class=&#34;ylsj-TL-user&#34; style=&#34;position:relative;&#34;&#62;&#60;a target=&#34;_blank&#34; class=&#34;ylsj-pic-a&#34; style=&#34;display:block;margin:0 auto;width:1920px;height:500px;text-decoration:none&#34;&#62;&#60;img src=&#34;http://img.alicdn.com/imgextra/i4/759415648/TB2q6embhaK.eBjSZFwXXXjsFXa-759415648.jpg&#34; style=&#34;border:none;vertical-align:top;width:1920px;height:500px;&#34;&#62;&#60;/a&#62;&#60;/div&#62;&#60;/div&#62;&#60;div class=&#34;ylsj-T-list&#34; style=&#34;margin:0 auto;width:1920px;height:500px&#34;&#62;&#60;div class=&#34;ylsj-TL-user&#34; style=&#34;position:relative;&#34;&#62;&#60;a target=&#34;_blank&#34; class=&#34;ylsj-pic-a&#34; style=&#34;display:block;margin:0 auto;width:1920px;height:500px;text-decoration:none&#34;&#62;&#60;img src=&#34;http://img.alicdn.com/imgextra/i2/759415648/TB2F0ykbo5O.eBjSZFxXXaaJFXa-759415648.jpg&#34; style=&#34;border:none;vertical-align:top;width:1920px;height:500px;&#34;&#62;&#60;/a&#62;&#60;/div&#62;&#60;/div&#62;&#60;div class=&#34;ylsj-T-list&#34; style=&#34;margin:0 auto;width:1920px;height:500px&#34;&#62;&#60;div class=&#34;ylsj-TL-user&#34; style=&#34;position:relative;&#34;&#62;&#60;a target=&#34;_blank&#34; class=&#34;ylsj-pic-a&#34; style=&#34;display:block;margin:0 auto;width:1920px;height:500px;text-decoration:none&#34;&#62;&#60;img src=&#34;http://img.alicdn.com/imgextra/i3/759415648/TB2LjembhaK.eBjSZFwXXXjsFXa-759415648.jpg&#34; style=&#34;border:none;vertical-align:top;width:1920px;height:500px;&#34;&#62;&#60;/a&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;&#60;div class=&#39;ylsj-clear&#39; style=&#39;clear:both;font-size:0;height:0;overflow:hidden;&#39;&#62;清除浮动京东/天猫/淘宝等平台通用。在线生成--艺灵设计:www.yilingsj.com/zxsc&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;&#60;div class=&#34;ylsj-tools&#34; id=&#34;ylsj-tools1&#34;&#62;\n\t&#60;div class=&#34;drag ic_tanmu gy-D-w footer-more-trigger most-footer cloud-footer&#34; drag-num=&#34;1&#34; data-id=&#34;ic_tanmu&#34; data-tit=&#34;弹幕&#34; style=&#34;left:208px;top:2px;border:0;padding:0;background-color:transparent;display:block;overflow:visible;&#34;&#62;&#60;div class=&#34;drag-ico&#34; drag-num=&#34;1&#34; style=&#34;width:1500px;height:500px;&#34;&#62;&#60;div class=&#34;drag-zdy-html clearfix&#34;&#62;&#60;marquee direction=&#34;left&#34; scrollamount=&#34;8&#34; behavior=&#34;scroll&#34; style=&#34;width:1500px;height:500px;display:block&#34;&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:0px;left:10px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:16px;font-weight:normal;color:#ffffff;text-decoration:none;overflow:visible;&#34;&#62;沙发&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:75px;left:156px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:14px;font-weight:normal;color:#ffffff;text-decoration:none;overflow:visible;&#34;&#62;666&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:199px;left:386px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:16px;font-weight:normal;color:#ff00ff;text-decoration:none;overflow:visible;&#34;&#62;css权限很屌哦~~~&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:96px;left:861px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:16px;font-weight:normal;color:#000000;text-decoration:none;overflow:visible;&#34;&#62;还能发图片哈哈&#60;img src=&#34;https://img.alicdn.com/imgextra/i2/759415648/TB22PotaxaK.eBjSZFAXXczFXXa-759415648.gif&#34; alt=&#34;31狂笑&#34;&#62;&#60;/span&#62;&#60;/marquee&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;\n\t&#60;div class=&#34;drag ic_tanmu gy-D-w footer-more-trigger most-footer cloud-footer&#34; drag-num=&#34;2&#34; data-id=&#34;ic_tanmu&#34; data-tit=&#34;弹幕&#34; style=&#34;left:97px;top:0px;border:0;padding:0;background-color:transparent;display:block;overflow:visible;&#34;&#62;&#60;div class=&#34;drag-ico&#34; drag-num=&#34;2&#34; style=&#34;width:1680px;height:500px;&#34;&#62;&#60;div class=&#34;drag-zdy-html clearfix&#34;&#62;&#60;marquee direction=&#34;left&#34; scrollamount=&#34;15&#34; behavior=&#34;scroll&#34; style=&#34;width:1680px;height:500px;display:block&#34;&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:347px;left:10px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:14px;font-weight:normal;color:#ff9900;text-decoration:none;overflow:visible;&#34;&#62;双11来啦&#60;img src=&#34;https://img.alicdn.com/imgextra/i3/759415648/TB2Z9dqaOGO.eBjSZFpXXb3tFXa-759415648.gif&#34; alt=&#34;18呼叫&#34;&#62;&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:276px;left:600px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:14px;font-weight:normal;color:#9900ff;text-decoration:none;overflow:visible;&#34;&#62;赞助会员有啥功能&#60;img src=&#34;https://img.alicdn.com/imgextra/i3/759415648/TB2uLpsaNaK.eBjSZFwXXXjsFXa-759415648.gif&#34; alt=&#34;31疑问&#34;&#62;&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:86px;left:280px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:26px;font-weight:normal;color:#ff9900;text-decoration:none;overflow:visible;&#34;&#62;全家桶软件很强大&#60;img src=&#34;https://img.alicdn.com/imgextra/i2/759415648/TB28SppaQ1M.eBjSZFOXXc0rFXa-759415648.gif&#34; alt=&#34;13强&#34;&#62;&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:400px;left:426px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:14px;font-weight:normal;color:#4a86e8;text-decoration:none;overflow:visible;&#34;&#62;双11来啦66666666&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:248px;left:1200px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:24px;font-weight:normal;color:#980000;text-decoration:none;overflow:visible;&#34;&#62;卧槽竟然有表情包功能还有上百个表情&#60;/span&#62;&#60;/marquee&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;\n\t&#60;div class=&#34;drag ic_tanmu gy-D-w footer-more-trigger most-footer cloud-footer&#34; drag-num=&#34;3&#34; data-id=&#34;ic_tanmu&#34; data-tit=&#34;弹幕&#34; style=&#34;left:31px;top:1px;border:0;padding:0;background-color:transparent;display:block;overflow:visible;&#34;&#62;&#60;div class=&#34;drag-ico&#34; drag-num=&#34;3&#34; style=&#34;width:1800px;height:500px;&#34;&#62;&#60;div class=&#34;drag-zdy-html clearfix&#34;&#62;&#60;marquee direction=&#34;left&#34; scrollamount=&#34;20&#34; behavior=&#34;scroll&#34; style=&#34;width:1800px;height:500px;display:block&#34;&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:100px;left:40px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:14px;font-weight:normal;color:#980000;text-decoration:none;overflow:visible;&#34;&#62;我要买完全自定义CSS50块钱很划算&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:222px;left:349px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:28px;font-weight:normal;color:#ffff00;text-decoration:none;overflow:visible;&#34;&#62;王母娘娘、混事魔王、蛟魔王、鹏魔王、狮驼王......奥特曼等666人觉得很赞&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:348px;left:996px;float:left;display:inline-block;height:18px;line-height:18px;font-family:tahoma;font-size:19px;font-weight:normal;color:#ffffff;text-decoration:none;overflow:visible;&#34;&#62;路过~~~&#60;img src=&#34;https://img.alicdn.com/imgextra/i4/759415648/TB2wJxpar1K.eBjSsphXXcJOXXa-759415648.gif&#34; alt=&#34;48阿狸侠&#34;&#62;&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:485px;left:679px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:17px;font-weight:normal;color:#ffffff;text-decoration:none;overflow:visible;&#34;&#62;不明觉厉&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:364px;left:1368px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:27px;font-weight:normal;color:#4a86e8;text-decoration:none;overflow:visible;&#34;&#62;终于可以发弹幕了&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:249px;left:1500px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:19px;font-weight:normal;color:#ffffff;text-decoration:none;overflow:visible;&#34;&#62;卧槽还能抽奖&#60;/span&#62;&#60;span class=&#34;ylsj-t-span&#34; style=&#34;position:relative;top:450px;left:671px;float:left;display:inline-block;height:18px;line-height:18px;font-family:微软雅黑;font-size:14px;font-weight:normal;color:#ffffff;text-decoration:none;overflow:visible;&#34;&#62;老板再充2块钱&#60;/span&#62;&#60;/marquee&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;"}}],"ma4":[{"dii":"0","dnu":"100000","dst":{},"def":{"top":"411","lef":"1537","wid":"60","hei":"60"}},{"dii":"1","dnu":"100001","dst":{},"def":{"top":"192","lef":"780","wid":"128","hei":"114"}}],"def":{"dii":[0,"1","0,1,",2,2],"dsi":{},"wid":"1920","hei":"500","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-17 16:38:24　|　阅：

评论区

我要评论