Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery闪烁文本框值_Jquery_Html_Textbox - Fatal编程技术网

使用jquery闪烁文本框值

使用jquery闪烁文本框值,jquery,html,textbox,Jquery,Html,Textbox,我使用以下代码来闪烁文本框值,但Firefox不支持它,即。我如何实现?我可以用淡入淡出功能吗。。如果是,意味着帮助我 <script> $(document).ready(function(){ $("#blinkchk").click(function(){ var a=$("#text").val(); a.blink(); }); }); </script> <body> <textarea id="text"></textar

我使用以下代码来闪烁文本框值,但Firefox不支持它,即。我如何实现?我可以用淡入淡出功能吗。。如果是,意味着帮助我

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

$(文档).ready(函数(){
$(“#blinkchk”)。单击(函数(){
var a=$(“#text”).val();
a、 眨眼();
});
});
眨眼

为实现兼容性,请执行以下操作:

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

.眨眼{
不透明度:1;
}
.闪开{
不透明度:0;
}
$(文档).ready(函数(){
$(“#blinkchk”)。单击(函数(){
setInterval(函数(){
if($(“#text”).hasClass('blink#on')){
$(“#text”).removeClass('blink#u on');
$(“#text”).addClass('blink#off');
}
否则{
$(“#text”).addClass('blink#u on');
}
},300);
});
});
眨眼

jQuery有一个插件,如果你想伤害别人的眼睛,它可以恢复眨眼功能!它允许您简单地使用以下命令使某些东西闪烁:

$('.blink').blink()


试试这个。正是你想要的

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

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

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

首先给出css,
转换:颜色0.3s

然后:

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

使用以下方法:

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

});

这将使整个元素闪烁,而不是文本individuallyremove text区域,并使其作为span或div工作。问题有textarea,所以我会放一个@Amin Jafari-给你看另一个演示我不是这个意思,看看我的答案,看看小提琴,看看我在说什么你可以在这里看到()只有文本在闪烁,而不是整个容器(在本例中是textarea)@Amin Jafari,如果我取消选中此复选框,则需要停止闪烁。是否有类似$(“#blinkchk”)的方法。单击(function())取消选中复选框?给您: