Выделить цвет рамки текстового поля в течение нескольких секунд?

Ответ 1

Этот маленький script добавил класс "выделить" в течение двух секунд в поле ввода:

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

Также см. этот пример.

Или здесь комбинация вашего и моего решения.

Ответ 2

Вы можете использовать switchClass, что-то вроде:

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

Демо-скрипт: ЗДЕСЬ

Ссылка: JQuery Docs

Ответ 3

Смотрите live Демо

$(function(){

  setTimeout(ChangeBorder, 2000);

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

Ответ 4

Проверить функцию анимации jquery, которая анимирует элемент после некоторого интервала:
http://api.jquery.com/animate/

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);
        });
    });

});

Ответ 5

Выделите 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>

Ответ 6

Используйте функцию эффекта

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