Question

您好我想突出显示几秒钟的文本框边框颜色，之后我想将其更改为白色。是addClass函数指定时间的一种方法。还有其他办法吗？试过http://jsfiddle.net/RW2s4/7/无法正常工作

Answer 1

这个小脚本将类“突出显示”添加到输入字段两秒钟：

$('#text').change(function() {
    var jElement = $(this);
    jElement.addClass('highlight');
    setTimeout(
        function() { jElement.removeClass('highlight'); },
        2000
    );
});

另见this example。

或here您和我的解决方案的组合。

Answer 2

您可以使用switchClass，例如：

$("#element").switchClass("removeThisClass", "addThisClass", 1000)

演示小提琴：HERE

参考：JQuery Docs

Answer 3

点击幻灯片到div

突出显示div

$('.box').click(function() {
    var jElement = $(this);
    jElement.addClass('highlight');
    setTimeout(
        function() { jElement.removeClass('highlight'); }, 
        500
    );
    //$(window).scrollTop($('.box3').offset().top,100);
    $("html, body").delay(100).animate({
        scrollTop: $('.box2').offset().top 
    }, 2000);

});


    <button>http://jsfiddle.net/tyPct/198/    </button>

Answer 4

查看实时Demo

$(function(){

  setTimeout(ChangeBorder, 2000);

  function ChangeBorder() {
     $(".highlight").css({"border-color":"red"});
  }
});

Answer 5

检查jquery animate函数，该函数在一段时间后激活元素：
http://api.jquery.com/animate/

演示：http://jsfiddle.net/umSkg/2/

$(document).ready(function(){
    var ogColor = $("#inpt").css("border-left-color");
    $("#trggr").click(function(){
        var inpt = $("#inpt");
        var delay = 1000;
        inpt.animate({ borderColor: "#EAC117" }, delay,function(){
        //revert after completing
        inpt.animate({ borderColor: ogColor }, delay);
        });
    });

});

Answer 6

使用效果功能

$('#component').effect("highlight", {color: 'red'}, 2000);

突出显示文本框边框颜色几秒钟？

6 个答案: