podświetlić kolor obramowania pola tekstowego na kilka sekund?

Question

Witam chcę podświetlić kolor obramowania pola tekstowego na kilka sekund, potem chcę go przywrócić do koloru białego. Jest to sposób, aby funkcja addClass również określała czas. ? Każdy inny sposób próbował z http://jsfiddle.net/RW2s4/7/ nie działa

Answer 1

Można użyć switchClass, coś jak:

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

Demo Fiddle: HERE

referencyjny: JQuery Docs

Answer 2

Ten mały skrypt dodaje klasę " podświetl "przez dwie sekundy do pola wejściowego:

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

Zobacz także this example.

Lub here połączenie Twojego i mojego rozwiązania.

Answer 3

Zobacz na żywo Demo

$(function(){ 

    setTimeout(ChangeBorder, 2000); 

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

Answer 4

Sprawdź jquery funkcji animate który animuje element po pewnym przedziale:

demo: 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 5

Highlight div na kliknij slajd do 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 6

Użyj funkcji efekt

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