jQuery實現大轉盤抽獎活動仿QQ音樂抽獎特效源碼是一款基于jQuery，點擊大轉盤開始抽獎可抽到綠鉆的仿qq音樂抽獎轉盤的代碼。

運行效果圖：---------------------------------------效果查看 源碼下載--------------------------------------

為大家分享的jQuery實現大轉盤抽獎活動仿QQ音樂抽獎特效代碼如下

仿QQ音樂jQuery抽獎轉盤代碼

* { margin: 0; padding: 0;}

body { font-family: "Microsoft Yahei"; background-color: #15734b;}

h1 { width: 900px; margin: 40px auto; font: 32px "Microsoft Yahei"; text-align: center; color: #fff;}

.dowebok { width: 894px; height: 563px; margin: 0 auto; background-image: url(images/s3_bg.png);}

.rotary { position: relative; float: left; width: 504px; height: 504px; margin: 20px 0 0 20px; background-image: url(images/g.png);}

.hand { position: absolute; left: 144px; top: 144px; width: 216px; height: 216px; cursor: pointer;}

.list { float: right; width: 300px; padding-top: 44px;}

.list strong { position: relative; left: -45px; display: block; height: 65px; line-height: 65px; font-size: 32px; color: #ffe63c;}

.list h4 { height: 45px; margin: 30px 0 10px; line-height: 45px; font-size: 24px; color: #fff;}

.list ul { line-height: 36px; list-style-type: none; font-size: 12px; color: #fff;}

.list span { display: inline-block; width: 94px;}

仿QQ音樂抽獎轉盤

100%中獎

中獎用戶名單

• 154**88 獲得1個月綠鉆

• 6161***034 獲得11個月綠鉆

• 2349***224 獲得1個月綠鉆

• 433***54 獲得2個月綠鉆

• 5154***234 獲得4個月綠鉆

• 3213***123 獲得2個月綠鉆

• 898****362 獲得9個月綠鉆

$(function(){

var $hand = $('.hand');

$hand.click(function(){

var data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

data = data[Math.floor(Math.random()*data.length)];

switch(data){

case 1:

rotateFunc(1,16,'恭喜你抽中了1個月綠鉆');

break;

case 2:

rotateFunc(2,47,'恭喜你抽中了2個月綠鉆');

break;

case 3:

rotateFunc(3,76,'恭喜你抽中了3個月綠鉆');

break;

case 4:

rotateFunc(4,106,'恭喜你抽中了4個月綠鉆');

break;

case 5:

rotateFunc(5,135,'恭喜你抽中了5個月綠鉆');

break;

case 6:

rotateFunc(6,164,'恭喜你抽中了6個月綠鉆');

break;

case 7:

rotateFunc(7,193,'恭喜你抽中了7個月綠鉆');

break;

case 8:

rotateFunc(7,223,'恭喜你抽中了8個月綠鉆');

break;

case 9:

rotateFunc(7,252,'恭喜你抽中了9個月綠鉆');

break;

case 10:

rotateFunc(7,284,'恭喜你抽中了10個月綠鉆');

break;

case 11:

rotateFunc(7,314,'恭喜你抽中了11個月綠鉆');

break;

case 12:

rotateFunc(7,345,'恭喜你抽中了12個月綠鉆');

break;

}

});

var rotateFunc = function(awards,angle,text){

$hand.stopRotate();

$hand.rotate({

angle: 0,

duration: 5000,

animateTo: angle + 1440,

callback: function(){

alert(text);

}

});

};

});

總結

以上是生活随笔為你收集整理的qq开放平台之站内应用-php抽奖大转盘,jQuery实现大转盘抽奖活动仿QQ音乐代码分享...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。