Стильные табы вкладки на CSS и jQuery v1.6.1

Автор: Admin    Категория: Магия ЯваСкрипт / jQuery    Теги:  Табы, jQuery    Дата: 12-05-2011, 00:05
Стильные табы вкладки на CSS и jQuery v1.6.1Как сделать табы вкладки на CSS и jQuery v1.6.1
Представляю вашему вниманию удобные Вкладки Табы с использованием CSS и jQuery.
Библиотеку jQuery подключаем с Хостинга javascript-библиотек от Яндекса.
Сервис Хостинг javascript-библиотек предоставляет разработчикам сайтов доступ к сети распространения контента (CDN) Яндекса и позволяет загружать с серверов Яндекса различные javascript-фреймворки и библиотеки с открытым исходным кодом.
Вкладки или как их ещё называют - табы всегда были очень популярны и их популярность только растёт. Такой приём очень удобен для экономии места на сайте, да и вообще очень стильно смотрится.
В содержимое вкладок можно вставлять что угодно от текста и картинок до кодов видеоплееров. Для видеоплееров рекомендую использовать именно вкладки табы на яваскрипте, а не просто на CSS, так как при переключении вкладок на CSS предыдущий плеер не закрывается и продолжает работать, яваскрипт табы вкладки этим не страдают, здесь при переключении вкладок предыдущий блок "закрывается" вместе с содержимым.

Код вкладок табов валидный DTD XHTML 1.0 Strict работает корректно во всех современных браузерах.

Смотреть пример стильные табы вкладки на CSS и jQuery v1.6.1
Скачать готовый пример стильные табы вкладки на CSS и jQuery v1.6.1
Версия для печати
  • 100
     Просмотров: 13 852      Комментариев: 12   

Понравилась новость Стильные табы вкладки на CSS и jQuery v1.6.1 на MegaWeb.su? Сохрани в закладках или распечатай!


Информация

Внимание!

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!

Другие новости по теме

Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Стильные табы вкладки на CSS и jQuery v1.6.1 из категории Магия ЯваСкрипт / jQuery

№ 12 Автор: Admin 24 мая 2012 11:57

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: Anaram
или можно можно загатовку сделать через глобальные блоки и прикрепить дополнительные поля чтоб при вводе информации в доп поле она вводилась в материале??

Вообще так и делается, по другому не получится.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 11 Автор: Anaram 24 мая 2012 10:50

 Вот такой я - Anaram

Anaram
Гости
комментариев
публикаций

Статус:
один вопросик насчет табов.
я вот хочу использовать на сайте , вот только скажите каждый раз надо вводить в материале код табов или можно можно загатовку сделать через глобальные блоки и прикрепить дополнительные поля чтоб при вводе информации в доп поле она вводилась в материале??

  • Нравится
  • 0
    

№ 10 Автор: Admin 8 февраля 2012 13:52

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: vober
Поставил, табы работают, спасибо. Но только почему-то колонка, которая была справа сместилась ПОД табы. Это как-то можно побороть?

Проверьте свой код, всё должно работать. Идентификаторы не должны повторяться, каждой ссылке должен соответствовать свой идентификатор.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 9 Автор: vober 8 февраля 2012 13:45

 Вот такой я - vober

vober
Гости
комментариев
публикаций

Статус:
Поставил, табы работают, спасибо. Но только почему-то колонка, которая была справа сместилась ПОД табы. Это как-то можно побороть?

  • Нравится
  • 0
    

№ 8 Автор: Admin 3 декабря 2011 01:59

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: dmondma
Здравствуйте, у меня есть вопрос: можно ли как то сделать чтобы при нажатии на вкладку загружалась динамическая информация? Очень надо:( Спасибо

Не уверен что понял Ваш вопрос. Во вкладку может загружаться что угодно.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 7 Автор: dmondma 1 декабря 2011 19:43

 Вот такой я - dmondma

dmondma
Гости
комментариев
публикаций

Статус:
Здравствуйте, у меня есть вопрос: можно ли как то сделать чтобы при нажатии на вкладку загружалась динамическая информация? Очень надо:( Спасибо

  • Нравится
  • 0
    

№ 6 Автор: Admin 14 октября 2011 12:29

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: projectadm
При переключении между вкладками, страница перезагружается, а это непорядок.

Нет не перегружается! Эти табы и сделаны для того чтобы разместить много контента в одном месте и спокойно переключаться на нужную вкладку без перезагрузки страныци. Если страница будет перегружаться - какой тогда толк от этих табов.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 5 Автор: projectadm 14 октября 2011 07:20

 Вот такой я - projectadm

projectadm
Гости
комментариев
публикаций

Статус:
При переключении между вкладками, страница перезагружается, а это непорядок.

  • Нравится
  • 0
    

№ 4 Автор: Admin 2 августа 2011 10:38

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: guru
А как сделать, что бы табы располагались вертикально и слева от текста?

Если речь идёт о переключателях с надписью "Вкладка" - ими управляет блок
ul class="tabs
С этим блоком и нужно экспериментировать и оформлять как нужно, его можно при желании вообще вынести из контейнера div class="container" и расположить как угодно и где угодно, табы при этом всё равно будут работать.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 3 Автор: guru 2 августа 2011 02:07

 Вот такой я - guru

guru
Гости
комментариев
публикаций

Статус:
А как сделать, что бы табы располагались вертикально и слева от текста?

  • Нравится
  • 0
    

№ 2 Автор: Admin 19 июня 2011 22:01

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: Mindsaver
Спасибо. Работает все супер

Конечно работают, это же я для тебя делал fellow
Да... смайлы надо поменять... wink


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 1 Автор: Mindsaver 19 июня 2011 19:55

 Вот такой я - Mindsaver

Mindsaver
Гости
комментариев
публикаций

Статус:
Спасибо. Работает все супер smile

  • Нравится
  • 0
    

Информация

Внимание!

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус