您好,欢迎来到枫云教育。
搜索
您的当前位置:首页手机端转盘抽奖代码分享_javascript技巧

手机端转盘抽奖代码分享_javascript技巧

来源:枫云教育
 演示效果如下:

不废话了,直接给大家贴代码了。

html部分



css部分,由于做的这个转盘是手机端的,采用的响应式布局

.turntableWap{ padding:1rem; background:url(../images/zpTabBg.jpg) no-repeat center; background-size:100% 100%;}
.turntableWap table{ width:100%;}
.turntableWap table td{ vertical-align:middle; text-align:center; background-color:#ecd295;}
.turntableWap table td img{ width:100%; }
.turntableWap table td.even{background-color:#f6e8c5}
.turntableWap table td.active{ background-color:#ed9351;}

js部分



                
            
            

Copyright © 2019- fengyunshixun.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务