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

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

抽奖奖品角度设置

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});
}