JavaScript

Последние публикации
  • Эффект чередующегося перетекания цвета

    Рейтинг:
    Категория: JavaScript

    Как-то, столкнувшись с необходимостью написать эффект перетекания текста из одного цвета в другой, неожиданно выяснил для себя, что это не такая уж и тривиальная задача.

    Вот пример той анимации, которая мне была нужна:

    1. Первый элемент
    2. Второй элемент
    3. Третий элемент

    Естественно всё началось с подключения популярной библиотеку jQuery, но метод jQuery.animate(), на который я так расчитывал, плавно анимировать цвета упорно не хотел.

    Решение этой задачи можно разделить на два шага.

    Подробнее...
  • Добавляем кнопку «Вверх» на свой сайт за 10 минут

    Рейтинг:
    Категория: JavaScript

    Многие из нас являются активными пользователями социальных сетей, в частности Вконтакте. Отличительной особенностью этой социальной сети является ее интерфейс. Простой и понятный, он делает общение с друзьями по настоящему комфортным. Одной из интерфейсных фишек Вконтакте стала кнопка «Вверх», плавно появляющаяся при прокрутке страницы сайта вниз, в левой части экрана. О том, как сделать такую же кнопку у себя на сайте и пойдет сегодня речь.

    Для удобства, разделим создание кнопки на две части: на логику и отображение.

    Идея заключается в том, чтобы, по аналогии с Вконтакте, переход наверх осуществлялся при клике по всей свободной левой части страницы, а не только по самой кнопке. Для этого составим следующий html-код:

    Подробнее...