一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 页面特效

推荐专题

最新下载

1

命运冠位指定安卓版本
1.07GB 类型： 角色扮演
2

热血少林最新版本
65.06MB 类型： 角色扮演
3

炼仙传说正式版本
320.65MB 类型： 角色扮演
4

上古王冠手游最新版
379.8MB 类型： 角色扮演
5

奥特曼传奇英雄最新版手游
719.3MB 类型： 角色扮演
6

旧版迷你世界
1.09GB 类型： 角色扮演
7

斗罗大陆武魂觉醒手机版
925.9MB 类型： 角色扮演
8

青鸾繁华录安卓版游戏
237.42MB 类型： 角色扮演
9

螺旋圆舞曲安卓
1.94GB 类型： 角色扮演
10

逍遥修真最新版
272.7MB 类型： 角色扮演

热门教程

1

《暗黑破坏神：不朽》新职业Coser今日亮相2024ChinaJoy
时间：2024-08-14 类型： 游戏攻略
2

《物华弥新》闪耀2024CJ 8月新版本福利享不停
时间：2024-08-14 类型： 游戏攻略
3

长安城“导游”招募开启,和兄弟组团共赴大话嘉年华
时间：2024-08-14 类型： 游戏攻略
4

《蛋仔派对》首届蛋仔电影节隆重开幕,播映主题全公开
时间：2024-08-14 类型： 游戏攻略
5

暑期不无聊,《蛋仔派对》和《疯狂动物城》联动重磅上线
时间：2024-08-14 类型： 游戏攻略
6

齐力挖金《一梦江湖》七夕节双人黄金矿工玩法刺激开启
时间：2024-08-14 类型： 游戏攻略
7

《梦幻西游三维版》暑期活动进行中,全新锦衣潮翻三界
时间：2024-08-14 类型： 游戏攻略
8

KK联动虎牙澄海主播邀请赛圆满落幕,高玩云集巅峰会战
时间：2024-08-14 类型： 游戏攻略
9

《阴阳师》全新结界皮肤华夜枫舞即将上线
时间：2024-08-14 类型： 游戏攻略
10

CS2沙二A小假打烟雾弹攻略
时间：2024-08-14 类型： 游戏攻略

javascript抽奖程序代码

时间：2022-06-25 20:41:13 编辑：袖梨来源：一聚教程网

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

<!DOCTYPE html>
<html>
<head>
    <title>抽奖</title>
    <style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">
        #container{position: relative;margin: 0 auto;}
        #demo{position: absolute;filter: progid:DXImageTransform.Microsoft.Matrix(sizingmethod="auto expand");}
    </style>
</head>
<body style="">
    <div id="container">
        <div id="demo">
            <a href="https://img.111cn.net/uploads/20220923/img_632d89450580130.png" class="js-smartPhoto-pc" target="_blank"><img  alt="" src="https://img.111cn.net/uploads/20220923/img_632d89450580130.png"   /></a>
        </div>
    </div>
    <input id="test" type="button" value="抽奖" />
    <input id="restart" style="display: none;" type="button" value="再抽一次" />
    <div id="msg">
    </div>
    <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>

</td>
	  </tr>
	</table>

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

相关文章

热门栏目