Вкладки на jQuery

В последнее время во многих блогах стали использовать вкладки для навигации. Во первых для экономии места, а во вторых просто для красивого вида. Далее описан простой процес создания таких вкладок при помощи jQuery.

Установка:

  1. Скачиваем архив с файлами

  2. Прописываем путь к ним в области между <head> и </head>:

[sourcecode language=’html’]

<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen” /> [/sourcecode]

  1. Добавляем сами вкладки на страницу, следующим образом:

[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>

Опубликовано

Похожие записи

Подробнее

ArtsLab

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

4gray artslab artslabinfo