jquery - 如何使用 jQuery 突出显示按钮？

Question

我需要在使用我的页面时将用户的注意力吸引到特定位置的按钮。

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

理想情况下，我希望按钮“发光”。即在它周围有一个淡入的边框，然后在一秒钟后淡出。

我试过使用 box-shadow 来实现我想要的发光效果。

.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 供应商前缀)。