笔记本作为背景的老虎机抽奖

笔记本作为背景的老虎机抽奖

分享一个老虎机抽奖演示效果,是数字上下滚动的效果,点击上面的数字,可以控制转动速度。

淘建站为您提供更多_抽奖_老虎机_抽奖_老虎机,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 436 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:抽奖 > 老虎机 难易程度:

抽奖奖品角度设置

function letGo() {

    TextNum1 = parseInt(Math.random() * 4)//随机数
    TextNum2 = parseInt(Math.random() * 7)
    TextNum3 = parseInt(Math.random() * 7)

    var num1 = [-549, -668, -786, -904][TextNum1];//在这里随机
    var num2 = [-1377, -1495, -1614, -430, -549, -668, -786, -904][TextNum2];
    var num3 = [-1377, -1495, -1614, -430, -549, -668, -786, -904][TextNum3];
    $(".num-con1").animate({"top": -1140}, 1000, "linear", function() {
        $(this).css("top", 0).animate({"top": num1}, 1000, "linear");
    });
    $(".num-con2").animate({"top": -1140}, 1000, "linear", function() {
        $(this).css("top", 0).animate({"top": num2}, 1800, "linear");
    });
    $(".num-con3").animate({"top": -1140}, 1000, "linear", function() {
        $(this).css("top", 0).animate({"top": num3}, 1300, "linear");
    });

}

重写来一次

function reset() {
    $(".num-con1,.num-con2,.num-con3").css({"top": -430});
}

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/586.html
笔记本作为背景的老虎机抽奖 希望对你有帮助,感谢您的支持!
  • jQuery数字上下翻滚抽奖机代码

    jQuery数字上下翻滚抽奖机代码

  • JQuery 电话姓名抽奖 2.0

    JQuery 电话姓名抽奖 2.0

  • 抽奖转盘

    抽奖转盘

  • 抽奖大转盘

    抽奖大转盘

  • 原生js随机文字抽奖代码

    原生js随机文字抽奖代码

  • jquery圆盘抽奖特效

    jquery圆盘抽奖特效

  • jquery css3点击红包摇一摇抽奖代码

    jquery css3点击红包摇一摇抽奖代码

  • jquery兄弟连学员点名系统_类似抽奖的学员点名工具

    jquery兄弟连学员点名系统_类似抽奖的学员点名工具

  • jquery鼠标点击抽奖按钮奖品格子闪烁摇奖随机抽奖

    jquery鼠标点击抽奖按钮奖品格子闪烁摇奖随机抽奖

  • html5 canvas圆形转盘抽奖代码

    html5 canvas圆形转盘抽奖代码

  • jQuery+Flash两种不同的砸金蛋源码

    jQuery+Flash两种不同的砸金蛋源码

  • jQuery幸运水果机

    jQuery幸运水果机

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2