вы можете форматировать вкладки 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 с классом «активный», который находится внутри любого элемента ul с классом «меню», имеет для него особый вид. Аналогичным образом, li элементы без имени класса отличаются друг от друга.

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

Это означает, что вам нужно будет иметь все содержимое всех страниц (Главная, Курс Bio, Pro Shop, Score Card, Outding & События, Пользователи, направления и контакты) уже на странице, что я настоятельно рекомендую против, учитывая количество страниц, на которые вы пытаетесь сформировать эту вкладку. Вместо этого я изменил бы расширение вкладки, чтобы загрузить страницу при нажатии вкладки, а не предварительно загруженный элемент страницы.

Answer 2

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