Как я могу выделить кнопку с помощью jQuery?

Question

Мне нужно обратить внимание пользователя на кнопку в определенный момент, используя мою страницу.

<button id="btnSubmit" style="float:left;width:78px;">Submit</button> 

В идеале, я бы хотел, чтобы кнопка «светилась». т. е. иметь границу вокруг нее, которая затухает, а затем исчезает через секунду.

Я пробовал использовать тень для теней, чтобы добиться эффекта свечения, который я хочу.

.boxShadowed{ 
    font-weight:bold; 
    -moz-box-shadow:0px 0px 10px 7px #777777; 
    -webkit-box-shadow:0px 0px 10px 7px #777777; 
    box-shadow:0px 0px 10px 7px #777777; 
} 

Но я не могу понять, как заставить его исчезать и выходить. Кроме того, он не работает в IE8.

Я знаю, что jQuery обычно отлично подходит для такого рода эффектов, но до сих пор я не встречал ничего подходящего.

Answer 1

DEMO - Внешнее свечение с помощью CSS3 окна-тень и анимацию (с использованием -moz и -webkit префиксов).

Answer 2

$('button').effect("highlight", {color: 'red'}, 3000); 

The demo.