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

Представляю вам около 30 интересных функциональных jQuery CSS решениями для реализации красивых вкладок, которые вы сможете использовать в своих проектах. Наслаждайтесь!

Внимание: все ссылки с демонстрацией скриптов откроются в новом окне, ссылки для скачивания исходников — прямые.

1. jQuery вкладки

2. Разноцветные вкладки на jQuery

3. jQuery табы

4. Стильные табы на jQuery

Отображение информации на странице в виде jQuery вкладок.

5. jQuery меню в виде табов

6. jQuery вкладки «Slider Kit»

Навигация в виде вкладок. Переход по вкладкам осуществляется с помощью колеса мыши, либо по нажатии на вкладку. Есть возможность поместить в область содержимого вкладки карусель Slider Kit. Все примеры можете посмотреть на демонстрационной странице.