特效描述：html5 canvas 大轉盤抽獎提示。只用canvas做出的轉盤及指針，各獎項和分區顏色可隨意設置。

代碼結構

1. 引入CSS

2. 引入JS

3. HTML代碼

抱歉！瀏覽器不支持。

抱歉！瀏覽器不支持。

抱歉！瀏覽器不支持。

抱歉！瀏覽器不支持。

window.alert = function(str)

{

var shield = document.createElement("DIV");

shield.id = "shield";

shield.style.position = "absolute";

shield.style.left = "50%";

shield.style.top = "50%";

shield.style.width = "280px";

shield.style.height = "150px";

shield.style.marginLeft = "-140px";

shield.style.marginTop = "-110px";

shield.style.zIndex = "25";

var alertFram = document.createElement("DIV");

alertFram.id="alertFram";

alertFram.style.position = "absolute";

alertFram.style.width = "280px";

alertFram.style.height = "150px";

alertFram.style.left = "50%";

alertFram.style.top = "50%";

alertFram.style.marginLeft = "-140px";

alertFram.style.marginTop = "-110px";

alertFram.style.textAlign = "center";

alertFram.style.lineHeight = "150px";

alertFram.style.zIndex = "300";

strHtml = "

• \n";

strHtml += "

[中獎提醒]\n";

strHtml += "

"+str+"\n";

strHtml += "

\n";

strHtml += "

\n";

alertFram.innerHTML = strHtml;

document.body.appendChild(alertFram);

document.body.appendChild(shield);

this.doOk = function(){

alertFram.style.display = "none";

shield.style.display = "none";

}

alertFram.focus();

document.body.onselectstart = function(){return false;};

}

總結

以上是生活随笔為你收集整理的html转盘游戏代码,html5 canvas大转盘抽奖提示代码的全部內容，希望文章能夠幫你解決所遇到的問題。

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