Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2016, 16:07
Аспирант
Отправить личное сообщение для snovapavel Посмотреть профиль Найти все сообщения от snovapavel
 
Регистрация: 08.03.2015
Сообщений: 78

Как сделать подсветку фона элемента?
Добрый день!

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

$(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. Нужно доработать именно этот код, так-как только он работает с Русскими якорями.

Большое спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2016, 16:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Сообщение от snovapavel
на секунду плавно вспыхнул жёлтым цветом и плавно потух до белого
этот эффект можно показать? если он у вас есть, вставьте в строку 7
}, 500 сюда);
Ответить с цитированием
  #3 (permalink)  
Старый 19.09.2016, 16:59
Аспирант
Отправить личное сообщение для snovapavel Посмотреть профиль Найти все сообщения от snovapavel
 
Регистрация: 08.03.2015
Сообщений: 78

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

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

Вы не могли бы помочь?
Ответить с цитированием
  #4 (permalink)  
Старый 19.09.2016, 17:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

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;
  });
});
Ответить с цитированием
  #5 (permalink)  
Старый 20.09.2016, 06:00
Аспирант
Отправить личное сообщение для snovapavel Посмотреть профиль Найти все сообщения от snovapavel
 
Регистрация: 08.03.2015
Сообщений: 78

Большое спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать чтобы срабатывал onload элемента при добавлении на страницу Conus Events/DOM/Window 2 10.06.2016 10:58
Как сделать выбор цвета фона на всплывающем окне? Lutsiariz Javascript под браузер 1 19.05.2016 11:10
Не понимаю JavaScript. Как сделать ожидание события загрузки данных? xintrea AJAX и COMET 7 01.06.2013 17:18
как сделать чтобы в popup окне показывалось картинка? sarik Общие вопросы Javascript 31 15.03.2013 13:12
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06