Вы можете отформатировать вкладки JQuery

Question

Вы можете иметь изображения в качестве фона или любое другое дополнительное форматирование для вкладок jquery. каждый пример, который я видел, показывает только простые белые вкладки, подобные этой:

http://yensdesign.com/tutorials/tabs/

Я пытаюсь выяснить, могу ли я заменить текущую карту изображений jpg (на этой странице http://www.salemgolfclub.org/) вкладками jquery:

Answer 1

Каждая вкладка представляет собой просто элемент HTML li, поэтому вы должны иметь возможность изменять свойства ее таблицы стилей, чтобы она выглядела так, как вы хотите.

Вот соответствующий HTML-код для вкладок:

<ul class="menu">
    <li id="news" class="">News</li>
    <li id="tutorials" class="">Tutorials</li>
    <li id="links" class="active">Links</li>
</ul>

Внешний вид вкладок управляется исключительно с помощью CSS. Любой элемент li с классом «active», который находится внутри любого элемента ul с классом «menu», имеет особый вид. Точно так же li элементы без имени класса оформлены по-разному.

При нажатии каждого элемента li в области под вкладками появляется скрытый элемент div на странице. Это контролируется расширением вкладок jQuery, которое добавляет событие щелчка ко всем элементам li в меню ul. Чтобы использовать это расширение вкладок как есть, вам потребуется один элемент div, который соответствует одной вкладке на странице, когда она загружается.

Это означает, что вам нужно будет разместить все содержимое всех страниц (Главная страница, Био-курс, Про-шоп, Счетная карточка, Экскурсии и события, Участники, Указания и Связаться с нами) на странице, которую я хотел бы Настоятельно рекомендуем против, учитывая количество страниц, которые вы пытаетесь сформировать эту идею вкладок. Вместо этого я бы изменил расширение вкладок для загрузки страницы при нажатии на вкладку, а не на предварительно загруженный элемент страницы.

Answer 2

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