宝哥软件园

jQuery实现大转盘抽奖活动仿即时通信软件音乐代码分享

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

jQuery实现大转盘抽奖活动仿即时通信软件音乐抽奖特效源码是一款基于jQuery,点击大转盘开始抽奖可抽到绿钻的仿即时通信软件音乐抽奖转盘的代码。

运行效果图: - 效果查看源码下载-

为大家分享的jQuery实现大转盘抽奖活动仿即时通信软件音乐抽奖特效代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /title仿即时通信软件音乐jQuery抽奖转盘代码/title style type=' text/CSS ' * { margin : 0;padd : 0;}正文{ font-family: '微软雅黑;背景色: # 15734 b;} h1 {宽度: 900pxmargin: 40px自动;font: 32px '微软雅黑;文本对齐:中心;color: # fff}。dowe bok { width : 894 pxh 83360 563 pxmargin 3360 0 auto背景-图像: URL(图像/S3 _ BG。巴布亚新几内亚);}.旋转{位置:相对;向左浮动:宽度: 504像素;高: 504 pxmargin : 20px 0 0 20px背景-图像: URL(图像/g . png);}.手{位置:绝对值;left : 144 xtop : 144 px宽度: 216像素;高度: 216像素;光标:指针;}.右列表{ float:宽度: 300像素;衬垫-顶部: 44px}.列出强{位置:相对值;左侧:-45px;显示器:块;高度: 65px线高: 65pxfont-size : 32pxcolor: # ffe63c}。列表H4 { height : 45pxmargin 3360 30px 0 10px线高: 45pxfont-size : 24pxcolor: # fff}。列出ul {行高: 36px列表样式类型:无;font-size : 12pxcolor: # fff}。列表跨度{ display : inline-block;宽度: 94px}/样式/标题dyh 1仿即时通信软件音乐抽奖转盘/h1 div class=' dowebok ' div class=' rotary ' img class=' hand ' src=' http : images/z . png ' alt=' '/div class=' list ' strong 100%中奖/strong h4中奖用户名单/h4 ul li span154**88/span span获得一个月绿钻/span/Li Li span 6161 * * * 034/span span获得11个月绿钻/span/Li Li跨度2349 * * * 224/span跨度获得一个月绿钻/span/Li Li span 433 * * * 54/span span获得2个月绿钻/span/Li Li span 5154 * * * 234/span span获得四个月绿钻/span/Li Li跨度3213 * * * 123/span跨度获得2个月绿钻/span /li li跨度898****362/span跨度获得9个月绿钻/span/Li/ul/div/div脚本src=' http : js/jquery-1。8 .3 .量滴js '/script script src=' http : js/jquery。旋转。量滴js '/script script $(function(){ var $ hand=$().手');$手。click(function(){ var data=[1,2,3,4,5,6,7,8,9,10,11,12];数据=数据[数学。地板(数学。random()*数据。长度)];开关(数据){ case 1: rotateFunc(1,16)'恭喜你抽中了一个月绿钻');打破;案例2:旋转数控(2,47’恭喜你抽中了2个月绿钻');打破;案例3:旋转数控(3,76’恭喜你抽中了3个月绿钻');打破;案例4:旋转数控(4,106 ')恭喜你抽中了四个月绿钻');打破;案例5:旋转数控(5,135’)恭喜你抽中了5个月绿钻');打破;案例6: rotateFunc(6,164 ')恭喜你抽中了6个月绿钻');打破;案例7:旋转数控(7,193 ')恭喜你抽中了七个月绿钻');打破;案例8: rotateFunc(7,223 ')恭喜你抽中了8个月绿钻');打破;案例9:旋转数控(7,252 ')恭喜你抽中了9个月绿钻');打破;案例10:旋转数控(7,284 ')恭喜你抽中了10个月绿钻');打破;案例11: rotateFunc(7,314 ')恭喜你抽中了11个月绿钻');打破;案例12:旋转数控(7,345 ')恭喜你抽中了12个月绿钻');打破;} });var rotateFunc=函数(奖励、角度、文本){ $ hand。停止旋转();$hand.rotate({ angle: 0,duration: 5000,animateTo: angle 1440,callback : function(){ alert(text);} });};});/脚本/正文/html以上就是jQuery实现大转盘抽奖活动仿即时通信软件音乐代码,希望大家可以喜欢。

更多资讯
游戏推荐
更多+