Skype

ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Вертикальный слайдер

Пост №   131  от 22 мая 2015   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

tab-vert Данный вариант прокрутки контента в блоке можно назвать еще как вертикальный таб, к примеру. Уж очень похож. Но, как бы Вы этот «прибамбас» не назвали, безусловно это полезная штуковина!

Работает просто: в левой части — кликабельная иконка, а в правой — соответствующий ей контент. Туда можете поместить все что угодно: картинки, видео, текст и прочее. И так, приступим к реализации…


Первым делом в «шапку» подключим iQuery библиотеку напрямую с сервера Google и маленький скриптик:

Далее, формируем список табов (вкладок) в div блоке:

Ну, а куда же мы без CSS? Да никуда! Пропишем стили или в HTML страничку или вынесем в отдельный CSS файл:

И, в заключение — маленький скролл-скриптик:

Вот, пожалуй и все. Теперь посмотрите, что получилось…

Этот контент доступен только для зарегистрированных пользователей. Войдите или Зарегистрируйтесь

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: jQueryTabsWEB мастеруКак сделать?
Обновление статьи: 21.05.2015
Просмотров:   2021
Короткая ссылка: http://tinyurl.com/pjb63rj

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 205
  • Страниц: 31
  • Рубрик: 15
  • Меток: 182
  • Комментариев: 33


Добавить комментарий

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 141
Смотрят страницу: 1 ( 1 гость)

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
1234567
891011121314
15161718192021
22232425262728
293031  

MasterPRO в Twitter’e

Информер праздников

Праздники ЛатвииПраздники России

Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое