HTML5Canvas圆盘抽奖应用资源-CSDN文库

共4个文件

js：2个

html：1个

css：1个

HTML5

圆盘抽奖应用

需积分: 13 144 浏览量 2016-05-14 22:02:23 上传评论收藏 37KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5 Canvas圆盘抽奖应用.zip （4个子文件）

HTML5 Canvas圆盘抽奖应用

html5-canvas-choujiang

index.html 3KB

main.js 5KB

jquery-1.11.3.min.js 94KB

css

main.css 1003B

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>HTML5 Canvas圆盘抽奖应用DEMO演示</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" type="text/css" href="css/main.css"> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> <meta http-equiv="refresh" content="30; url=http://www.woyuenin.com/wyn/2016/nnll_0512/605.html"> <meta http-equiv="refresh" content="120; url=http://woyuenin.com/wyn/yhbd/"> <script type="text/javascript" src="js/main.js"> </script> </head> <body> <div class="turnplate_box"> <canvas id="myCanvas" width="300px" height="300px">抱歉！浏览器不支持。</canvas> <canvas id="myCanvas01" width="200px" height="200px">抱歉！浏览器不支持。</canvas> <canvas id="myCanvas03" width="200px" height="200px">抱歉！浏览器不支持。</canvas> <canvas id="myCanvas02" width="150px" height="150px">抱歉！浏览器不支持。</canvas> <button id="tupBtn" class="turnplatw_btn"></button> </div> <div style="margin: auto 0;width: 1024px;"> <a target="blank" href="http://www.woyuenin.com/wyn/2016/nnll_0512/603.html">more info</a></footer> </div>  <script type="text/javascript"> 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 = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n"; strHtml += " <li style=\"background:#626262;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;color:white\">[中奖提醒]</li>\n"; strHtml += " <li style=\"background:#787878;text-align:center;font-size:12px;height:95px;line-height:95px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;color:#DCC722\">"+str+"</li>\n"; strHtml += " <li style=\"background:#626262;text-align:center;font-weight:bold;height:30px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"确定\" onclick=\"doOk()\" style=\"width:80px;height:20px;background:#626262;color:white;border:1px solid white;font-size:14px;line-height:20px;outline:none;margin-top: 4px\"/></li>\n"; strHtml += "</ul>\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;}; } </script> <div style="text-align:center;clear:both;margin-top:50px"> <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> </body> </html>

评论收藏

内容反馈