Понедельник, 20.05.2024, 12:11:59

Пройдите регистрацию и станьте пользователем!!!
Гость
Логин:
Пароль:

Новые сообщения Участники Правила форума Ваша ссылка Поиск RSS
  • Страница 1 из 1
  • 1
Форум » Всё для сайтов системы UCOZ » Разные скрипты для UCOZ » Закрытие\Открытие блока
Закрытие\Открытие блока
kruegerДата: Вторник, 07.12.2010, 23:16:00 | Сообщение # 1
Сообщений: 767
Награды: 5
[Table]Скрипт можно использовать например в блоке "меню" на сайте[/Table]

[Table]Подключаем JQ:[/Table]

Code
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.js"></script>

[Table]После <head> пишем:[/Table]

Code
<style>  
.clos{  
display:none;  
}  
</style>

[Table]Затем в <body>:[/Table]

Code
<script type="text/javascript">  
function menu(){  
$("#m").slideUp("slow");  
$("#clos").show();  
$("#a").hide();  
}  
function off(){  
$("#m").slideDown("slow");  
$("#clos").hide();  
$("#a").show();  
}  
</script>

[Table]Далее содержимое блока помещаем в[/Table]

Code
<div id="m">
СОДЕРЖИМОЕ
</div>

[Table]или задаем id="m"
Т.е. так например:[/Table]

Code
<div id="m">  
<li><a title="Главная" href="/">Страница 1</a></li>  
<li><a title="Главная" href="/">Страница 2</a></li>  
</div>

[Table]Кнопки "открыть/закрыть"[/Table]

Code
<a href="javascript://" id="a" onclick="menu()" style="font-size:6px;">Закрыть</a>  
<a href="javascript://" id="clos" class="clos" onclick="off()" style="font-size:6px;">Открыть</a>
Прикрепления: 2952836.png (3.9 Kb) · 1112515.png (1.2 Kb)



[adminyellow]Отзывы[/adminyellow]
Max1-Soft™
by-DaNtEДата: Вторник, 14.12.2010, 11:11:27 | Сообщение # 2
Сообщений: 38
Награды: 1
спасибо +1
Форум » Всё для сайтов системы UCOZ » Разные скрипты для UCOZ » Закрытие\Открытие блока
  • Страница 1 из 1
  • 1
Поиск:

Max1-Soft.Ru | (c) | 2009-2011
Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Opera и Mozila Firefox
Design Version 4.7 | Created and Design by krueger