如何实现鼠标悬停效果?希望jquery

时间:2010-08-06 13:14:45

标签: jquery rollovers

对于一个调香师的网站,我在一个架子上展示了一排九瓶。它看起来像一张连续的照片。我把它切成九个无缝切片,每个切片都有自己的表格单元格。

我正在考虑使用jQuery,因为我想在rollover上进行以下操作:

* Bottle blitzes instantaneously bright also triggers short sound file.
* After a millisecond or two, returns to normal state.
* Action repeats only if blurred and re-moused over.
* Effect the same for each of the 9 bottles.

Mousedown(点击)可能不需要效果,只是将特定瓶子的页面定位到首页的iframe。我做了9个alt。切片是白色的,但不知道如何编写具有定时效果的脚本。

闪光?请,甚至不去那里;这让我很疯狂。 OTOH,我觉得jQuery很优雅。

1 个答案:

答案 0 :(得分:0)

function pause(milis) 
{
var date = new Date();
var cur_date = null;

do { cur_date = new Date(); } 
while(cur_date-date < milis);
} 

函数pause()将允许您延迟效果。

$('.bottle').hover(
  function(){/*blitz and play*/}, //executed when mouse pointer enters the element
  function(){pause(2); /*deblitz*/})//executed when mouse pointer leaves the element