JQUERY-PHP抽奖卷轴停止在获胜的图像上

时间:2015-08-10 01:24:55

标签: php jquery html

目前我有这个小的无组织的HTML列表设置

unit Unit2;

interface

type
  TMyClass = class
    strict private
      fMyTextField : String;
    public
      property MyTextField : String read fMyTextField write fMyTextField;
    published
  end;

implementation

end.

现在php代码从数据库中获取一些图像现在我想要做的是制作一个从左到右的水平滚动条,并在一定时间后停止然后在获胜者图像上停止,目的是制作一个sortoff抽奖剧本,所以当一个人赢了它时,它会滚动所有玩家,并且在选定的时间停留在获胜者的图像上

1 个答案:

答案 0 :(得分:0)

如果是我,我就是这样做的:

  1. 在PHP方面随机生成获胜者。这使得事情至少可以控制得像#34;谁"和"如何"获胜者已确定。

  2. 我创建了一个循环遍历所有图像的例程,使每个图像都可见。

  3. 在显示的每x个图像数量之后,我会以增量(每1秒减慢一半)减慢动画的速度(因此,比如每2-3张图像之后,减慢动画的速度) (s)减半)。

  4. 一旦动画速度达到特定阈值(可能是1张图像/秒)或者在我循环x次(比如说100?)之后,我就强制下一张图像成为赢家,允许它显示/呈现可见,然后完全停止动画..

  5. 其余的只是一个简单的问题,你想要多么优雅,动画等等。