Html
    Css
    Js

    
                        
 .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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.7.2
 立即下载

自己学习交流,写的简单的九宫格抽奖效果

自己写的一个简单的九宫格抽奖功能,纯前端功能效果,没有添加ajax后台交互,有需要简单的抽奖效果的可以自行添加扩展!

0