Question

我有一个JQuery脚本，它可以作为一个简单的图像翻转，具有很好的淡入淡出效果。

正如您所看到的，有9个区块，客户希望随机发生翻车（无悬停）以产生涟漪/脉动效果。

如何使用JQuery或php实现这一目标？是否有可能将鼠标悬停打破随机化并正常运行？

对不起，如果有任何不清楚的地方。

感谢您的帮助。

丹

Answer 1

不会过多地使用代码，您可以按Math.random()

创建随机性

所以，如果你有一个你的立方体数组，索引0 - 8，你可以使用

var randomNumber = parseInt( Math.random() * 9 );
var randomCube = cubes[randomNumber];

您可以使用setInterval在每个 x ms中重复一次

function randomlyChangeCubes() { ... }

...

setInterval( randomlyChangeCubes, 2000 );

你可以使用jQuery trigger手动调用hover效果，但我会说将hover中的代码提取到一个函数中更具可读性您可以从hover和randomlyChangeCubes拨打电话。

所有这一切......完全随机地做这件事可能不会让它看起来涟漪/脉动......

Answer 2

你需要的东西：

setTimeout / setInterval =在设定的时间调用“效果”功能 random number =使用它来随机调用所需的元素，例如＃box1，＃box2等。

我认为这样 - 应该相当简单。

Answer 3

实现酷炫的随机性可能很棘手。 Math.random()方法从均匀分布产生伪随机值（即，范围内的所有值具有相同的概率）并且看起来不太好。

我不是一个期望，我不能告诉你什么分布会产生更好的结果，但你可以尝试正常和泊松分布：