如何使用jQuery突出显示按钮?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery突出显示按钮?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在使用我的页面时将用户的注意力吸引到某个点上的按钮.
<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通常很适合这种效果,但到目前为止我还没有遇到过任何合适的效果.

解决方法

DEMO – 使用CSS3 Box-shadow和动画的外部发光(使用-moz和-webkit供应商前缀).

猜你在找的jQuery相关文章