获取随即点数，让移动到对应格数，每次得到的点数相加，大于格数，就让相加的值取余，移动问题，可以做一个循环，移动到对应格数，根据格数内的内容触发不同事件，= =感觉像大富翁啊

描述的有点少了，没看的太懂。。。

我觉得楼主其他地方已经比较清楚，但着重想要确认那个“不能直接一下，需要逐步”如何实现？

随机数为整数，可以为负，也可以为0，这样就有前进、后退、和停止。伪代码作为思路：

// 格子编号
var status = 0;

btn.onclick = function(){
    var delta = 生成随机数(),
    statusNew = status + delta,
    posNew = 根据格子编号得到坐标位置(statusNew);

    红点.animate(posNew, function(){

        // 表示“逐渐”的动画完成后的回调

        status = statusNew;

        // 这里还可以加一些边界检查

        // 再来看看是否过关了？
        if(status>=14){
            过关();
        }

    })
};