html转盘游戏代码,html5 canvas大转盘抽奖提示代码

特效描述：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大转盘抽奖提示代码相关推荐

html数字时钟免费代码,html5 canvas js(数字时钟)实例代码
canvas dClock 您的浏览器太古董了,升级吧! var clock = document.getElementById("clock"); var cxt = clock ...
html 5抽奖特效,利用HTML5实现Canvas大转盘抽奖特效
特效描述:利用HTML5实现 Canvas 大转盘抽奖特效.利用HTML5实现Canvas大转盘抽奖特效代码结构 1. 引入JS 2. HTML代码当前浏览器版本过低,请使用其他浏览器尝试 va ...
用Html5实现天气预报的原理,HTML5 Canvas和jQuery实时天气预报代码解析「附源码」...
HTML5 Canvas和jQuery实时天气预报代码解析「附源码」这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效.该天气预报特效将各种天气制作为卡片形式,包括下雨,闪电,白天,夜间和下 ...
设置多个等级的html游戏,实现 HTML5 Canvas 游戏硬件缩放和CSS3的现代化
我将展示我如何使用这些新特性来现代化我最后的HTML5游戏 modernize HTML5 Platformer. 希望你能为自己的游戏提供一些新的想法 !部分:硬件缩放和 CSS3 ( 这篇文章) ...
html5画椭圆的完整代码,HTML5 Canvas中绘制椭圆的4种方法
概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法,下面是对几种绘制方法的总结.各种方法各有优缺,视情况选用.各方法的参数相同: 1.context为Canvas的2D绘图环境对象, 2.x ...
html制作图片动画效果代码,HTML5 Canvas：制作动画特效
编辑推荐: 本文来自于jquery之家 ,html5制作canvas动画的基本步骤,控制canvas动画和实例代码. 要在 HTML5 canvas 中绘制图像动画效果,你需要绘制出每一帧的图像,然后 ...
html 画圆点代码,HTML5 Canvas绘制圆点虚线实例
HTML5 Canvas 提供了很多图形绘制的函数,但是很可惜,Canvas API只提供了画实线的函数(lineTo),却并未提供画虚线的方法.这样的设计有时会带来很大的不便,<JavaScr ...
50代码HTML5 Canvas 3D 编辑器优雅搞定
1024程序员节刚过,手痒想实现一个html的3d编辑器,看了three.js 同时还看了网上流传已久的<<基于 HTML5 Canvas 的简易 2D 3D 编辑器>>,都觉 ...
html绘制圆形和弧形的代码,html5 canvas用来绘制弧形的代码实现
这篇文章给大家分享的内容是关于html5 canvas用来绘制弧形的代码实现,有一定的参考价值,有需要的朋友可以从参考一下,希望对你有所帮助. 1.绘制弧形context.arc( centerx, ...

html转盘游戏代码,html5 canvas大转盘抽奖提示代码

html转盘游戏代码,html5 canvas大转盘抽奖提示代码相关推荐

最新文章

热门文章