示范的结果如下:
没有浪费,直接给大家做代码。
HTML的一部分
CSS部分,因为转盘是由移动电话制作的,所以使用了响应布局。
。turntablewap {填充:1rem;
背景:URL(。 /图像/ zptabbg .webp)没有重复中心;背景尺寸:100% 100%;}
。turntablewap表{宽度:100%;}
。turntablewap td {垂直对齐方式:居中;
文本对齐:中心;背景颜色:# ecd295;}
。turntablewap td img {宽度:100%;}
。turntablewap td。即使{背景颜色:# f6e8c5 }
。turntablewap td。主动{背景颜色:# ed9351;}
js的一部分
$(。turntablewap。表(CSS){高度:$(。turntablewap。表)(宽度)}); / /响应式布局,表格宽度高
var =真正离岛民政事务处;
$(。zpbtn ),(单击
var = 13; /传入的奖品
无功rotanum = 14; / /奖品数量
var = 1;
无功济世= 0; / /时间
var
速度= 50
VaR慢= 200; / /速度慢
(稠江街道) / /绘制
方法的调用,使判断稠江街道(这里),并给出数值
功能稠江(){
如果(离岛民政事务处){
离岛民政事务处= false;
$(。turntablewap)。Css({背景图像:URL(。 / / 1图像,GIF)})
var c = setInterval()
函数(){
如果(计数> 12){
计数= 1;
}
计数=计数+ 1;
忌食忌食+ 1 =;
$(。turntablewap TD)。RemoveClass(主动);
$(。turntablewap TD {标签=+数+ ),AddClass(主动);
如果(吉士> rotanum×2){
ClearInterval(C);
C = setInterval(){()函数(
计数=计数+ 1;
忌食忌食+ 1 =;
$(。turntablewap TD)。RemoveClass(主动);
$(。turntablewap TD {标签=+数+ ),AddClass(主动);
如果(吉士>数+ rotanum×2){
ClearInterval(C);
$(。turntablewap)。Css({背景图像:URL(。 /图像/ zptabbg .webp)})
离岛民政事务处=真;
JP = $(var 。turntablewap TD {标签=+数+ ))。找到(IMG)。Attr(ALT)
警报(恭喜获得+ JP)
}
},慢)
}
}速度)
其他{ }
返回;
}
}
})
以上是
分享这篇文章分享的手机端盘彩票代码分享,希望大家喜欢。