Question

I want to put some text on a website, such that it changes color onmouseover and returns to the original color onmouseout after some (say 2 seconds) time delay.

Is it possible to do it using JavaScript?

Answer 1

With jQuery you can do something like this (JSFiddle here)

HTML:

<a id='v1'>Hello</a>​

JS:

​setTimeout(function() {
    $('#v1').css('color','#777');
}​,2000);​

Edit: Full JSFiddle example here

JS:

$('#v1').hover(function() {
     $(this).css('color','#777');   
}, function() {
    setTimeout(function() {
        $('#v1').css('color','#000');
     },2000);
});

​