Как сделать подсветку фона элемента?
 

Добрый день!

Есть код, плавной прокрутки к элементу:

$(function() {
  $('a[href^="#"], a[href^="."]').click(function() {
    var scroll_el = $(this).attr('href');
    if ($(scroll_el).length != 0) {
      $('html, body').animate({
        scrollTop: $(scroll_el).offset().top
      }, 500);
    }
    return false;
  });
});

Подскажите, пожалуйста, как сделать так, чтобы когда прокрутка завершена, фон у самого элемента (к которому была прокрутка), на секунду плавно вспыхнул жёлтым цветом и плавно потух до белого?

P.S. Нужно доработать именно этот код, так-как только он работает с Русскими якорями.

Большое спасибо!

этот эффект можно показать? если он у вас есть, вставьте в строку 7
}, 500 сюда);

Эффекта нет... Можно поставить его через animate.css, например.

Как-то вроде через complete коллбэк делается.

Вы не могли бы помочь?

snovapavel,
быть в шаге и не ...
строку раскоментировать если стоит jquery-ui, иначе jquery не умеет работать со цветом

$(function() {
  $('a[href^="#"], a[href^="."]').click(function() {
    var scroll_el = $(this).attr('href'), el = $(scroll_el);
    if (el.length != 0) {
      $('html, body').animate({
        scrollTop: el.offset().top
      }, 500,function() {
   el.css({"background-color": "#FFFF00"})//.animate({"background-color": "#FFFFFF"},1200)
} );
    }
    return false;
  });
});

Большое спасибо!