当前位置:Gxlcms > JavaScript > 手机端转盘抽奖代码分享_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:3人阅读

演示效果如下:

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

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部分

以上就是本文给大家分享的手机端转盘抽奖代码分享,希望大家喜欢。

人气教程排行