网页转盘抽奖(至尊门花花)
本帖最后由 修身以求齐家 于 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;}
做个沙发先,顶起!:lol 花花,带我装逼,带我飞 带飞哥装逼 带飞哥飞 加精 js算法放在群文件里面。。。。妹的。发帖内容有限制。。最多一万字节。。超过一万多字节:lol:lol:lol:o:o:L 你的源码在哪里 修身以求齐家 发表于 2014-11-19 12:48
js算法放在群文件里面。。。。妹的。发帖内容有限制。。最多一万字节。。超过一万多字节
可以直接上传附件 把js上传上来. ibcadmin 发表于 2014-11-19 22:55
可以直接上传附件 把js上传上来.
现在好像不能加附件咯吧??没找到可以添加的。你后台可以添加吗? 修身以求齐家 发表于 2014-11-20 00:51
现在好像不能加附件咯吧??没找到可以添加的。你后台可以添加吗?
楼上问你要源码呢 可以添加 点帖子下面的编辑, 然后编辑器上有个曲别针的图标 那个就是 好了,可以啦!!这只是测试转盘。。以后你们遇见类似可以解决。。我最后还修改成C#版。。。js不安全。。大体差不多!
页:
[1]
2