如何讓文本框發光，然後在點擊鏈接時淡出？

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

您可以使用以下函數來滾動到一個元素。只需將ID或類添加到要滾動的功能：

對於發光效果，您可以使用JQuery高亮功能。

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