桂林一枝花 发表于 2014-11-19 15:39:08

网页转盘抽奖(至尊门花花)

本帖最后由 修身以求齐家 于 2014-11-20 22:06 编辑

HTML:
<body>
    <div class="rotate-pan">
      <img class="rotate-zhen" src="image/1.bmp" />
      <img class="rotate-lottery" src="image/beginLottery.png" />
    </div>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery.rotate.min.js" type="text/javascript"></script>
    <script src="Scripts/Zp.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function () {
            $(".rotate-lottery").bind({
                click: function () {
                  var a = runZp();
                  alert("旋转的度数:"+a.angle);
                  $(".rotate-zhen").rotate({
                        duration: 3000,//旋转时间
                        angle: 0,//旋转的起始度数
                        animateTo: a.angle,//旋转到哪个的度数
                        callback: function () {
                            alert(a.message);//弹出消息是否中奖,,现在只是测试!!数据没有放在数据库。只是演示而已。
                        }
                  });
                }
            });
      });
    </script>
</body>
CSS:
/***参与免单抽奖界面****/
.rotate-pan{ background:url(../image/ZhuanPan.png) no-repeat 0 0;width:160px;height:160px;position:absolute;background-size:100% 100%;margin-top:60%;margin-left:20%;}
.rotate-zhen{ width:3px;height:150px;margin:0 auto;position:absolute;margin-top:0px;margin-left:-5px;}
.rotate-lottery{width:40px;height:12px;margin-left:-20px;margin-top:85px;position:absolute;}


C#领悟者 发表于 2014-11-19 15:47:31

做个沙发先,顶起!:lol

飞/可爱朋 发表于 2014-11-19 15:50:04

花花,带我装逼,带我飞

ibcadmin 发表于 2014-11-19 16:03:10

带飞哥装逼 带飞哥飞    加精

桂林一枝花 发表于 2014-11-19 20:48:26

js算法放在群文件里面。。。。妹的。发帖内容有限制。。最多一万字节。。超过一万多字节:lol:lol:lol:o:o:L

小马233 发表于 2014-11-19 21:30:22

你的源码在哪里

ibcadmin 发表于 2014-11-19 22:55:39

修身以求齐家 发表于 2014-11-19 12:48
js算法放在群文件里面。。。。妹的。发帖内容有限制。。最多一万字节。。超过一万多字节

可以直接上传附件 把js上传上来.

桂林一枝花 发表于 2014-11-20 08:51:00

ibcadmin 发表于 2014-11-19 22:55
可以直接上传附件 把js上传上来.

现在好像不能加附件咯吧??没找到可以添加的。你后台可以添加吗?

ibcadmin 发表于 2014-11-20 12:39:41

修身以求齐家 发表于 2014-11-20 00:51
现在好像不能加附件咯吧??没找到可以添加的。你后台可以添加吗?

楼上问你要源码呢   可以添加   点帖子下面的编辑, 然后编辑器上有个曲别针的图标 那个就是

桂林一枝花 发表于 2014-11-20 22:08:21

好了,可以啦!!这只是测试转盘。。以后你们遇见类似可以解决。。我最后还修改成C#版。。。js不安全。。大体差不多!
页: [1] 2
查看完整版本: 网页转盘抽奖(至尊门花花)