1

JavaScriptでマウスオーバー機能に時間を設定したい。

私のコードは次のとおりです。

<img class="product-image" 
  src='<?php echo $item['0']; ?>' 
  onmouseover="this.src='<?php echo $item2['0']; ?>'" 
  onmouseout="this.src='<?php echo $item['0']; ?>'" />.

このコードは正常に動作していますが、マウスオーバー イベントで画像が切り替わる時間を設定したいと考えています。

4

1 に答える 1

1

この JavaScript 関数を作成して、tミリ秒後にのみ画像を変更できます。

function delayedImage(obj, src, t)
{
  setTimeout(function() {
    obj.src = src;
  }, t);
}

次に、この HTML を使用します。

<img class="product-image" 
  src='<?php echo $item['0']; ?>' 
  onmouseover="delayedImage(this, '<?php echo $item2['0']; ?>', 2000)" 
  onmouseout="delayedImage(this, '<?php echo $item['0']; ?>', 2000)" />

多分あなたはそれを必要としないかもしれませんが、それはmouseout変更するのに十分簡単です:)

于 2012-12-14T07:08:38.820 に答える