मैं jQuery के साथ एक बटन कैसे हाइलाइट कर सकता हूं?

Question

मुझे अपने पृष्ठ का उपयोग करते समय एक निश्चित बिंदु पर एक बटन पर उपयोगकर्ता का ध्यान आकर्षित करने की आवश्यकता है।

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

आदर्श रूप में मैं बटन को "चमक" करना चाहता हूं। यानी इसके चारों ओर एक सीमा है जो fades में, फिर एक सेकंड बाद fades।

मैंने चमक प्रभाव को प्राप्त करने के लिए बॉक्स-छाया का उपयोग करने का प्रयास किया है।

.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.