请选择 进入手机版 | 继续访问电脑版

马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

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

  [复制链接]
查看19213 | 回复10 | 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;}


QQ图片20141119153129.jpg
QQ图片20141119153257.jpg

js文件.rar

4.18 KB, 下载次数: 62

算法js与旋转插件

C#领悟者 | 2014-11-19 15:47:31 | 显示全部楼层
做个沙发先,顶起!
飞/可爱朋 | 2014-11-19 15:50:04 | 显示全部楼层
花花,带我装逼,带我飞
ibcadmin | 2014-11-19 16:03:10 | 显示全部楼层
带飞哥装逼 带飞哥飞    加精
C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
桂林一枝花 | 2014-11-19 20:48:26 | 显示全部楼层
js算法放在群文件里面。。。。妹的。发帖内容有限制。。最多一万字节。。超过一万多字节
小马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
C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
桂林一枝花 | 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
现在好像不能加附件咯吧??没找到可以添加的。你后台可以添加吗?

楼上问你要源码呢   可以添加   点帖子下面的编辑, 然后编辑器上有个曲别针的图标 那个就是
C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
桂林一枝花 | 2014-11-20 22:08:21 | 显示全部楼层
好了,可以啦!!这只是测试转盘。。以后你们遇见类似可以解决。。我最后还修改成C#版。。。js不安全。。大体差不多!
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则