0

すべての画像を含む配列を作成しようとしています。次に、ランダムな画像に 1 ～ 10 の値を割り当てたいと考えています。最終的な値は、Jquery アニメーションが実行されるまでの秒単位のカウントダウンになります。ユーザーがそのページを離れるまで、コードは何度もループします。

私はJqueryを初めて使用しますが、頭を悩ませるために最善を尽くしたので、これが私の画像配列であり、ランダムセレクターです。

var iconImgs = new Array('star','coffee','picture','code');
var max = iconImgs.length;
var num = Math.floor((Math.random() * max));

次に、1 から 10 までのランダムな時間を選択する必要があります。

Math.floor((Math.random()*10)+1);

これは、選択された画像を取得し、ランダムな時間でそれらをまとめてアニメーションを実行するために必要な難しいビットです（入力時に実行したくないことに注意してください。ただし、それが機能する唯一の方法です）。

$(document).ready(function () {
$(".icon").mouseenter(function () {
    $(this).effect("bounce", {
        times: 1
    }, 400);
    });
});

JSFiddle テスト領域を作成しました - http://jsfiddle.net/UQTY2/167/

4

2 に答える 2

1

まず、ランダムな時間を変数に格納していることを確認してください。

var times=Math.floor((Math.random()*10)+1);

次に、関数でmouseenter、エフェクトを起動するだけでなく、次のようにします。

$(document).ready(function () {
    $("."+iconImgs[num]+"-icon").effect("bounce", {
        times: times
    }, 400);
});
于 2013-09-13T14:15:27.300 に答える