html设置抽奖概率,在线抽奖大转盘和概率计算

html>

抽奖效果演示

.rotary { position: relative; width: 854px; height: 504px; margin: 0 auto; background: #d71f2e url(images/bg1.png);}

.rotaryArrow { position: absolute; left: 181px; top: 104px; width: 294px; height: 294px; cursor: pointer; background-image: url(images/arrow.png);}

.list { position: absolute; right: 48px; top: 144px; width: 120px; height: 320px; overflow: hidden;}

.list h3 { display: none;}

.list ul { list-style-type: none;}

.list li { height: 37px; font: 14px/37px "Microsoft Yahei"; color: #ffea76; text-indent: 25px; background: url(images/user.png) 0 no-repeat;}

.result { display: none; position: absolute; left: 130px; top: 190px; width: 395px; height: 118px; background-color: rgba(0,0,0,0.75); filter: alpha(opacity=90);}

.result a { position: absolute; right: 5px; top: 5px; width: 25px; height: 25px; text-indent: -100px; background-image: url(images/cl