如何使用JQuery或CSS在IE,Chrome等按钮上闪烁文本

Question

使用css或JQuery在IE,chrome,safari中按钮上的文本闪烁

    $('.blink').css('text-decoration','blink'); 

将在Firefox中运行,而不是在IE中运行.

在这里,我想闪烁按钮的值,而不是完全按钮.

我在用

    <input id="button12" type="button"  class ="button-click" value="X"> 

这里我只想按下按钮值'X',按钮将在值眨眼时保持不变,即按钮不会闪烁.

Answer 1

正如其他人所说,这通常不是一件好事,但这里有一个示例代码:

请注意,您必须使用固定大小的按钮才能使用此按钮:

blink_state = 0;
$(function(){
    window.setInterval(blink,500);
});
function blink(){
    if(blink_state==0){
        $(".blink").text("blinking");
        blink_state=1;
    }
    else{
        $(".blink").text("");
        blink_state=0;
    }
}

http://jsfiddle.net/vseCx/1/