Хеш тег из адресной строки и скроллинг к нужному якорю

Скроллинг к хештегу или якорю

Сегодня рассмотрим простой способ получить хештег из адрессной строки и плавно пролистать страницу к соответствующему якорю.

Для этого будем использовать объект  location и его метод  hash, который возвращает хеш тег, если таковой имеется в адресной строке. Если его нет, то возвращает 0.

Подробнее… «Скроллинг к хештегу или якорю»

Вывод модального окна при загрузке траницы

Как вывести модальное окно при загрузке страницы

Привет, сегодня поговорим о модальных окнах и чудном jQuery плагине — FancyBox. Этот плагин позволяет выводить контент в модальных окнах, так же на его основе можно создать неплохую фото-галерею. Ну ближе к делу.

ПРИМЕР ТАКОГО ОКНА МОЖЕТЕ ПОСМОТРЕТЬ ЗДЕСЬ — это мой сервис для тестирования адаптивности сайта.

Подробнее… «Как вывести модальное окно при загрузке страницы»

как выделить текущий пункт меню

Как выделить текущий пункт меню

Привет, сегодня будет статья о том как с помощью всего 5 строк кода выделить текущий пункт меню.
Не буду тянуть кота за помидоры))
Вот мое меню

<ul class="list-unstyled " id="menu">
<li><a href="/index.php " >Мои работы</a></li>
<li><a href="/interests.php">Интересы</a></li>
<li><a href="/press.php">Пресса </a></li>
<li><a href="/price.php">Цены</a></li>
<li><a href="/contacts.php">Контакты</a></li>
</ul>

Как видим нет в нем ничего необычного.

Подробнее… «Как выделить текущий пункт меню»

выезжающая форма обратной связи

Выезжающая форма обратной связи

Не так давно делали мы один сайт и одно из заданий было создать выезжающую, или выпадающую форму обратной связи. Я решил реализовать этот пункт на jQuery, его я вроде неплохо знаю, конечно можно было бы и на чистом CSS, но jQuery предоставляет нам куда более широкий набор инструментов для реализации выезжающего(выпадающего меню).

Подробнее… «Выезжающая форма обратной связи»

plavniy_perehod_k_yakorym

Плавный переход к якорям

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

Предлагаю вашему вниманию два варианта скрипта позволяющие реализовать плавный переход к якорям на странице.

Подробнее… «Плавный переход к якорям»