javascript - JQueryホバー状態オンタイマー?

Question

jQuery を使用して、開始ページで a:hover を 2 秒間アクティブにしてからオフにすることができるかどうか疑問に思っていました。私はjavascriptを初めて使用しますが、これがjavascriptを使用する目的の外にあるかどうかわかりませんか?

誰かが私を助けてくれることを願っています!

Answer 1

CSS セレクターにクラスを追加してから、jQuery を使用してそのクラスを追加/削除する必要があります。

CSS:

#element:hover, #element.mock-hover {
    /* styles go here... */
}

JS:

$(document).ready(function () {
    var $el = $('#element');

    $el.addClass('mock-hover');

    setTimeout(function () {
        $el.removeClass('mock-hover');
    }, 2000);
});

これがフィドルです：http://jsfiddle.net/5rg4B/