Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » TabControl (Реализация блока с вкладками на jQuery) |
TabControl |
вот вам пример что-бы вы поняли что и как
Код <script type="text/javascript" src="/js/tables.js"> <div class="sectiontable"> <ul class="tabs"> <li class="current">Новости</li> <li>Все новости</li> <li>Последние комменты</li> <li>Обсуждения</li> <li>Топ журналистов</li> <li>Новые участники</li> </ul> <div class="box visible"> <p>$LAST_NEWS$</p> </div> <div class="box"> <p>$MYINF_8$</p> </div> <div class="box"> <p>$MYINF_9$</p> </div> <div class="box"> <p>$MYINF_10$</p> </div> <div class="box"> <p>$MYINF_11$</p> </div> <div class="box"> <p>$MYINF_12$</p> </div> </div> Добавлено (23 Дек 2013, 19:32:23) Код <div class="sectiontable"> <ul class="tabs"> <li class="current">Новости</li> 1 вкладка <li>Все новости</li> 2 вкладка <li>Последние комменты</li> 3 вкладка <li>Обсуждения</li> 4 вкладка <li>Топ журналистов</li> 5 вкладка <li>Новые участники</li> 6 вкладка </ul> содержимое к вкладкам Код <div class="box visible"> <p>$LAST_NEWS$</p> 1 вкладка </div> <div class="box"> <p>$MYINF_8$</p> 2 вкладка </div> <div class="box"> <p>$MYINF_9$</p> 3 вкладка </div> <div class="box"> <p>$MYINF_10$</p> 4 вкладка </div> <div class="box"> <p>$MYINF_11$</p> 5 вкладка </div> <div class="box"> <p>$MYINF_12$</p> 6 вкладка </div> </div> |
посмотреть бы код, может вы там забили подключить js??
|
oleff1648, на вашем сайте allbest.ucoz.lv на странице пользователя вкладки корректно работают.
|
oleff1648, на вашем сайте allbest.ucoz.lv на странице пользователя вкладки корректно работают. я уже сделал. но так и е понял в чем ошибка была |
Помогите пожалуйста сделать вкладки , чтобы эти кнопки работали как вкладки:
вот код этого меню: <div class="navitem lcol"> <div id="padmenu"> <ul id="itemes"> <li id="mains"><a href="/index.php">Главная</a></li> <li id="stat"><a href="/index.php?do=stats">Статистика</a></li> <li id="coms"><a href="/index.php?do=lastcomments">Комментарии</a></li> <li id="maps"><a href="/index.php?do=sitemap.xml">Карта</a></li> </ul> </div> </div> Если кому так просто сделать то скажите цену я подумаю. Сообщение отредактировал Pro_DjseNseI - Понедельник, 06 Янв 2014, 22:03:28
|
в первую очередь где увидели?? мы же по картинкам не гадаем ссылку на источник
|
http://top-filmz.ucoz.ru/
Добавлено (07 Янв 2014, 17:31:36) |
Pro_DjseNseI,
<script type="text/javascript" src="/js/tables.js"> </script> <div class="navitem lcol"> <div id="padmenu"> <div class="sectiontable"> <ul id="itemes" class="tabs"> <li id="mains" class="current"><a href="/index.php">Главная</a></li> <li id="stat"><a href="/index.php?do=stats">Статистика</a></li> <li id="coms"><a href="/index.php?do=lastcomments">Комментарии</a></li> <li id="maps"><a href="/index.php?do=sitemap.xml">Карта</a></li> </ul> </div> </div> </div> |
http://prodniy.ucoz.ru/load/hjghj/1-1-0-1 вот умнея не пашит:(((
|
LITEL,
Код ul.tabs {margin:15px 0 0;} Код .box p {margin:0;} |
Плеер выдает ошибку
Цитата Файл frozen.2013.uk.flvwidth= не найден В код не лез, предполагаю что очепятка здесь - frozen.2013.uk.flvwidth= Нужно эту строки разделить на frozen.2013.uk.flv и на width= В общем внимательнее к коду... |
Плеер выдает ошибкуЦитата Файл frozen.2013.uk.flvwidth= не найден В код не лез, предполагаю что очепятка здесь - frozen.2013.uk.flvwidth= Нужно эту строки разделить на frozen.2013.uk.flv и на width= В общем внимательнее к коду... Добавлено (15 Фев 2014, 15:12:26) |
| |||