Как создать свечение текстового поля, затем исчезнуть при нажатии ссылки?

Question

Я пытаюсь сделать текстовое поле внизу страницы более очевидным - как я могу сделать ссылку, которая при нажатии перемещает браузер в нижнюю часть страницы, а затем заставляет текстовое поле светиться по краям затем исчезает (как в импульсах свечения, я не хочу, чтобы текстовое поле исчезало!)?

Answer 1

У меня есть грубая реализация для вас. Он использует резкий тег привязки, чтобы переместить вас в текстовое поле, однако вы можете использовать функцию анимации jQuery, чтобы сделать ее красивой. Это действительно влияет на пульс, который вы хотели.

http://jsfiddle.net/pBg6U/

$(function() { 
    $("#glow-trigger").on('click', function(e) { 
     var glower = $('.glow'); 
     window.setInterval(function() { 
      glower.toggleClass('active'); 
     }, 1000); 
    }); 
}); 

Answer 2

Вы можете использовать следующую функцию для прокрутки к элементу. Просто дайте идентификатор или класс для функции, к которой вы хотите прокрутить:

Для эффекта свечения можно использовать функцию выделения JQuery.

$(element).show("highlight");