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

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

分类：抽奖 > 老虎机难易：

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

抽奖奖品角度设置

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