Jquery中文网 > 脚本编程 > javascript > 正文 javascript抽奖程序代码

javascript抽奖程序代码

发布时间：2016-12-13 编辑：www.jquerycn.cn

jquery中文网为您提供javascript抽奖程序代码等资源，欢迎您收藏本站，我们将为您提供最新的javascript抽奖程序代码资源

本文章介绍了一个javascript抽奖程序，有需要的同学可参考一下。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html> <head> <title>抽奖</title> <style type="text/css"> #container{width: 400px;height: 400px;position: relative;margin: 0 auto;} #demo{position: absolute;filter: progid:DXImageTransform.Microsoft.Matrix(sizingmethod="auto expand");} </style> </head> <body style="height: 1000px;">

<script type="text/javascript"> var m$ = function (id) { return document.getElementById(id); } var ua = navigator.userAgent; var isIE = /msie/i.test(ua) && !window.opera; var i = 1, sinDeg = 0, cosDeg = 0, timer = null; var mRotate = function () { var rotate = function (target, msg) { target = m$(target); var orginW = target.clientWidth, orginH = target.clientHeight; clearInterval(timer); function run(angle) { if (isIE) { cosDeg = Math.cos(angle * Math.PI / 180); sinDeg = Math.sin(angle * Math.PI / 180); with (target.filters.item(0)) { M11 = M22 = cosDeg; M12 = -(M21 = sinDeg); } target.style.top = (orginH - target.offsetHeight) / 2 "px"; target.style.left = (orginW - target.offsetWidth) / 2 "px"; } else if (target.style.MozTransform !== undefined) { target.style.MozTransform = "rotate(" angle "deg)"; } else if (target.style.OTransform !== undefined) { target.style.OTransform = "rotate(" angle "deg)"; } else if (target.style.webkitTransform !== undefined) { target.style.webkitTransform = "rotate(" angle "deg)"; } else { target.style.transform = "rotate(" angle "deg)"; } } var tmp = -900; var m = -parseInt(Math.random() * 360); timer = setInterval(function () { if (i > 3000) { tmp = parseInt(tmp * 0.99); if (tmp > m) { tmp = m; clearInterval(timer); msg(m); } run(tmp); } else if (i > 1000) { i = i 45; run(i); } else { i = parseInt((i 1) * 1.01); run(i); } }, 50); } return { rotate: rotate } } (); function showMsg() { mRotate.rotate("demo", function msg(m) { if (m > -90 && m < -30) { m$("msg").innerHTML = "22222222"; } else if (m > -150 && m < -90) { m$("msg").innerHTML = "333333333"; } else if (m > -210 && m < -150) { m$("msg").innerHTML = "444444"; } else if (m > -270 && m < -210) { m$("msg").innerHTML = "5555555"; } else if (m > -330 && m < -270) { m$("msg").innerHTML = "6666666"; } else { m$("msg").innerHTML = "111111111"; } m$('restart').style.display = "block"; }); } window.onload = function () { m$('test').onclick = function () { m$('test').style.display = "none"; showMsg(); } m$('restart').onclick = function () { m$('restart').style.display = "none"; if (isIE) { m$("demo").style.top = "0px"; m$("demo").style.left = "0px"; } else if (m$("demo").style.MozTransform !== undefined) { m$("demo").style.MozTransform = 'rotate(0deg)'; } else if (m$("demo").style.OTransform !== undefined) { m$("demo").style.OTransform = 'rotate(0deg)'; } else if (m$("demo").style.webkitTransform !== undefined) { m$("demo").style.webkitTransform = 'rotate(0deg)'; } else { m$("demo").style.transform = 'rotate(0deg)'; } m$('test').style.display = "block"; i = 0; } } </script> </body> </html> </textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
php抽奖程序(抽取三名幸运观众)的核心代码
 php抽奖小程序代码一例
 php 权重计算方法(抽奖)
php抽奖计算的例子
 学习php抽奖程序之几率算法
 php抽奖程序与随机广告实现算法
 PHP实现大转盘抽奖算法（代码实例）
php分时间段的抽奖程序代码
 javascript抽奖程序代码
 PHP jQuery开发简单翻牌抽奖的功能（代码实例）

上一篇：javascript 仿淘宝网悬停在页面固定位置的菜单窗口下一篇：javascript简单实用的选项卡实例代码

[关闭]

最近更新

浏览排行