Question

我使用以下代码来闪烁文本框值，但Firefox，IE不支持它。我怎样才能实现？我可以做淡化功能..如果是的话意味着帮助我。

<script>
$(document).ready(function(){

$("#blinkchk").click(function(){
var a=$("#text").val();
a.blink();
});

});
</script>

<body>
<textarea id="text"></textarea>
<input type="checkbox" name="check" id="blinkchk" value="Blink" />Blink
</body>

Answer 1

试试这个。正是你想要的

$("#blinkchk").click(function(){

    setInterval(function() { 
       $("#text").removeClass().addClass("m1")
    }, 400);

       setInterval(function() { 
       $("#text").removeClass().addClass("m2")
    }, 800);
});

DEMO

Answer 2

首先给出css，transition: color 0.3s;

然后：

$("#blinkchk").click(function(){
    setInterval(function(){
        $('#text').css('color','transparent');
        setTimeout(function(){
            $('#text').css('color','black');
        },500);
    },1000);
});

http://jsfiddle.net/8ebF6/

Answer 3

为兼容性做这样的事情：

<style>
.blink_on {
opacity: 1;
}
.blink_off {
opacity: 0;
}
</style>

<script>
$(document).ready(function(){
$("#blinkchk").click(function(){
setInterval(function() {
if($("#text").hasClass('blink_on')) {
$("#text").removeClass('blink_on');
$("#text").addClass('blink_off');
}
else {
$("#text").addClass('blink_on');
}
},300);
});

});
</script>

<body>
<textarea id="text"></textarea>
<input type="checkbox" name="check" id="blinkchk" value="Blink" />Blink
</body>

Answer 4

有一个jQuery插件，如果你热衷于伤害人们的眼睛，它会带回眨眼功能！它允许您只需使用以下内容即可获得闪烁的内容：

$('.blink').blink();

http://www.antiyes.com/jquery-blink-plugin

Answer 5

使用此：

$("#blinkchk").click(function(){
    setInterval(function(){$("#text").fadeOut(200,function(){
      $(this).fadeIn(200);
    })},400);

});

<强> Demo

使用jquery闪烁文本框值

5 个答案: