.n-turntables { width:612px; height:612px; } .n-turntable { float:left; width:200px; height:200px; line-height:200px; font-size:20px; text-align:center; margin:2px; } .n-turntable.on { background:rgb(77,150,153); } .n-turntable.close { background:rgba(95,158,160,0.6); } .n-turntable-start { float:left; width:200px; height:200px; line-height:200px; font-size:20px; text-align:center; cursor:pointer; background:brown; color:#fff; margin:2px; } .n-turntable-start:hover { background:#ff0000; }
自己写的一个简单的九宫格抽奖功能,纯前端功能效果,没有添加ajax后台交互,有需要简单的抽奖效果的可以自行添加扩展!