Пятница, 29.03.2024, 15:01
RR - StUdIo___Добро Пожаловать Шамкир Гес___StUdIo...RR
Гипер-Софт
Главная Регистрация Вход
Приветствую Вас, гости · RSS
SamirMM Studio"RR" WWW.GES.MOY.SU
  
  Ключи и пин-коды
FIFA, Steam: случайные, Counter-Strike, Playstation Network, Hearthstone: Heroes of Warcraft, World of Warcraft, Xbox LIVE (Microsoft Points), Prepaid Credit Card, Far Cry, Assassin´s Creed, Diablo 3, Middle-earth: Shadow of Mordor, ...
  Электронные книги
Контрольные работы, Музыка, ноты, тексты песен, В помощь студенту, Фэнтази, Физика, История, Государство и право, Математика, Магия, оккультизм, мистика, Творческие личности, Рукоделие, Экономика, ...
  Цифровые товары
Игровые аккаунты, Аккаунты PSN, Аккаунты Xbox, iTunes & App Store, Telonko.ru, Приглашения /инвайты, Разное, Skype-аккаунты, Видео и аудиокурсы, уроки, Google Play, Анонимные прокси, Базы данных, ...
  Программное обеспечение
Разблокировка телефонов, Антивирусы, Принтеры, Программы > MMORPG, Программы для сотовых телефонов, Шифрование, Windows, Спортивные, SEO скрипты, Советники, Стратегии, Mногофункциональные утилиты, ...
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: ges  
форум для всех » Все для web мастера » Скрипты » Таб меню Jquery script для ucoz (Легкий вариант Таб меню от скрипта Jquery для ucoz и других)
Таб меню Jquery script для ucoz
gesДата: Воскресенье, 25.11.2012, 08:17 | Сообщение # 1
Administrator
Группа: Администраторы
Сообщений: 297
Статус: Offline
[gray]

[red]
Легкий вариант Таб меню от скрипта Jquery для ucoz и других CMS

Не секрет всем скажу !!!
....У меня есть еще другой видео сайт ......!
.......Тут мне надо было сделать Функции (Все Материалы Пользователя На его Персональное Странице)

....Такой скрипт есть в инете полно , но не было Реализация с фото ...

В этом посту я написал как сделать http://ges.moy.su/forum/54-272-1 с фото.

А потом пришлось их собрать в меню, чтоб каждая нажатие категории открывался его содержимое,

....Чтоб сразу не все загрузилось на страницу ...
..........Такого скрипта не где не нашел... У Ликбезза спросил а его тут нет , куда то уехал...[/red]

.....После долго мучение начал изучат Скрипт ...

Вот результат скрипта

Эту ставим между Head вот так

Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<head/>


Эту ставим в BODY вот так

Code


<script type='text/javascript'>  
$(document).ready(function(){
$('#users_materials_tab_content .users_materials_tab').hide();
$('#users_materials_tab_content .users_materials_tab:first').show();
$('#users_tab_menu ul li:first').addClass('selected');
$('#users_tab_menu ul li').click(function(){  
$('#users_tab_menu ul li').removeClass('selected');
$(this).addClass('selected');
$('#users_materials_tab_content .users_materials_tab').hide();
$('#users_materials_tab_content .users_materials_tab').eq($('#users_tab_menu ul li').index(this)).fadeIn(500);
});
});
</script>

</body>


А вот это Код меню и контента
(Код надо настроит под себя )

Code


<div id='users_materials_tab_content'>
<div id='users_tab_menu'>
<ul>
<li class='comments'>Название первой вкладки</li>
<li class='publ'>Название второй вкладки</li>
<li class='dir'>Название третьей вкладки</li>
</ul>
</div>

<div class='users_materials_tab'>
<div class="comments">
Содержимое первой вкладки
</div>
</div>

<div class='users_materials_tab'>
<div class="publ">
Содержимое второй вкладки
</div>
</div>

<div class='users_materials_tab'>
<div class="dir">
Содержимое третьей вкладки
</div>
</div></div>



Если после все успешной настройки не будет работать
вот эту ставим самом верху под скрипта Jquery

....Вот так...

Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
       
  <script type="text/javascript">
   $.noConflict();
   // Code that uses other library's $ can follow here.
</script>


[green]Если нечего не поняли ...! По настройкам затруднялись !!! напишите здесь помогу !!

....................Вот Живой пример ...................[/green]

[/gray]


Прежде чем задать вопрос Администратору подумайте вопрос о чем?
Администраторы вопросах не отвечает только создает тему!
Вопросы долько в том случай о том вопрос будет про
Студии "RR"
 
форум для всех » Все для web мастера » Скрипты » Таб меню Jquery script для ucoz (Легкий вариант Таб меню от скрипта Jquery для ucoz и других)
  • Страница 1 из 1
  • 1
Поиск:

© GES.MOY.SU 2007-2024 . Администрация не несёт ответственности за содержащие файлы на портале.   
Все материалы на сайте принадлежат исключительно их владельцам! 
Сайт оптимизирован для просмотра с разрешением более 1024x768, браузером FireFox или Opera.
 Разрешение вашего экрана : Ваш браузер: -
<< Сайт зарегистрирован в домене >>