1、调用CSS样式：
<link href="css/style.css" rel="stylesheet" type="text/css">
2、调用JS插件代码：
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript">
$(function(){
$("#startbtn").rotate({
bind:{
click:function(){
var a = Math.floor(Math.random() * 360);
$(this).rotate({
duration:3000,
angle: 0,
animateTo:1440+a,
easing: $.easing.easeOutSine,
callback: function(){
alert('中奖了！'+a);
}
});
}
}
});
});
3、添加HTML代码：
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码；放在<body></body>之间。
4.PHP实例代码：
<!--需要服务端php运行环境-->
/*$(function(){
$("#startbtn").click(function(){
lottery();
});
});
function lottery(){
$.ajax({
type: 'POST',
url: 'data.php',
dataType: 'json',
cache: false,
error: function(){
alert('出错了！');
return false;
},
success:function(json){
$("#startbtn").unbind('click').css("cursor","default");
var a = json.angle; //角度
var p = json.prize; //奖项
$("#startbtn").rotate({
duration:3000, //转动时间
angle: 0,
animateTo:1800+a, //转动角度
easing: $.easing.easeOutSine,
callback: function(){
var con = confirm('恭喜你，中得'+p+'\n还要再来一次吗？');
if(con){
lottery();
}else{
return false;
}
}
});
}
});
} */
