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