jQuery悬停随机元素

Question

我需要设置一个函数，每5秒钟在一个类中的随机元素上盘旋和“去徘徊”。到目前为止，我让onhover使用以下内容：

jQuery.fn.random = function() {
    var randomIndex = Math.floor(Math.random() * 56);  
    return jQuery(this[randomIndex]);
};
var timer = window.setInterval(function () {$('.graphic-container img').random().mouseover();}, 5000);

该类中有56个固定元素，因此为“* 56”

对于我的生活，我无法弄清楚如何让mouseout事件处理该随机元素？这必须在下一个随机元素悬停之前发生。

非常感谢任何帮助！

Answer 1

尝试

jQuery.fn.random = function() {
    var randomIndex = Math.floor(Math.random() * 56);  
    return jQuery(this[randomIndex]);
};
var prev;
var timer = window.setInterval(function () {
    if(prev){
        prev.mouseleave();
    }
    prev = $('.graphic-container img').random().mouseenter();
}, 5000);

演示：Fiddle

Answer 2

使用此

var timer = window.setInterval(function () {
   $('.graphic-container img').random().mouseover().delay(800).mouseout();
}, 5000);