В последнее время во многих блогах стали использовать вкладки для навигации. Во первых для экономии места, а во вторых просто для красивого вида. Далее описан простой процес создания таких вкладок при помощи jQuery.
Установка:
-
Скачиваем архив с файлами
-
Прописываем путь к ним в области между <head> и </head>:
[sourcecode language=’html’]
<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen” /> [/sourcecode]
- Добавляем сами вкладки на страницу, следующим образом:
[sourcecode language=’html’] <div class=”tabs”> <!– tabs –><ul class=”tabNavigation”>
- <a href=”#first”>Первая</a>
- <a href=”#second”>Вторая</a>
- <a href=”#third”>Третья</a></ul>
<!– tab containers –><div id=”first”>
Содержание первой вкладки</div> <div id=”second”>
Содержание второй вкладки</div> <div id=”third”>
Содержание третьей вкладки</div> </div>
[/sourcecode]
Посмотреть демо Источник </blockquote>
Опубликовано
Похожие записи
Подробнее