Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.116.86.160
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Закрытие/Открытие блока
Сообщение оставлено 30.10.2010 в 12:03:31 | Сообщение #1
Скрипт можно использовать например в блоке "меню" на сайте

Пример тут

После <head> пишем:

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

Затем в <body>:

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

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

Code
<div id="m">

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

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

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

Quote
<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>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика