Question

Ребята, скажите как мне сделать это? Пожалуйста.

Comments

Поищи вот на этом сайте: http://delaisait.ucoz.ru/blog/

Преимущественно:

• Выпадающее меню
• Контейнер для контента
• Горизонтальное меню
• и подобные разделы.

А вот такое я у себя реализовывал на сайте: http://ruseller.com/lessons.php?id=750&rub

Answer 1

Вот, держи готовое решение. Пришлось пару часов попариться - ты мой должник )))

<style> 
.cuzmenu, .submenu { 
-o-transition:margin-top .3s ease; 
-webkit-transition:margin-top .3s ease; 
-moz-transition:margin-top .3s ease; 
} 
#puzmenu { 
-o-transition:height .3s ease; 
-webkit-transition:height .3s ease; 
-moz-transition:height .3s ease 
} 
.submenu { 
width: 23px;
left: 329px;
height: 19px;
position: fixed;
margin-top: 24px;
cursor: pointer;
background: #6B6B6B;
color: #ccc;
font-size: 12px;
padding-top: 4px;
transform: rotate(0deg);
}
.submenu:hover { 
color: #fff; 
}
.cuzmenu {
margin-top:-24px;
}
.puzmenu {
height:24px;
}
</style> 
<script> 

$(document).ready(function() { 
 $('#puzmenu').before('<div class="submenu">▼</div>'); 
{ 
$('#puzmenu').attr('style', 'height:24px;background:#fff;'); 
$('.cuzmenu').attr('style', 'margin-top:-24px;');
$('.submenu').attr('style', 'margin-top:24px; transform: rotate(0deg);'); 
apohider = 1; 
}; 

$('.submenu').click(function() { 
if(apohider == 1) { 
apohider = 0; 
$('#puzmenu').attr('style', 'height:24px;background:#fff;'); 
$(this).attr('style', 'margin-top:24px; transform: rotate(180deg);'); 
$('.cuzmenu').attr('style', 'margin-top:0px;z-index:' + _uWnd.getTopZ()); 
eraseCookie('hideapomenu'); 
} 
else 
{ 
apohider = 1; 
$('#puzmenu').attr('style', 'height:24px;background:#fff;'); 
$(this).attr('style', 'margin-top:24px;'); 
$('.cuzmenu').attr('style', 'margin-top:-24px; transform: rotate(0deg);'); 
setCookie('hideapomenu', 1, 365); 
}; 
}); 
}); 
</script>
    
<div id="puzmenu"><div class="cuzmenu">МЕНЮ</div></div>

Вставить просто в нужное место сайта (туда, где хотите видеть кнопку).

Конечно тут много еще настроек надо делать под инидивидуальные требования.

Так, например, данный вариант скрипта разработан для случая, когда меню скрывается в самом верху сайта. Оттуда же и появляется. Если захотеть разместить меню где-то всередине сайта, то скрипт надо будет настраивать.

Также настройкам поддаётся и кнопка "Вверх-вниз", сам вид "Меню" и его поведение (на сколько пикселей его скрывать).

В общем скрипт менять можно как угодно, главное разобраться в нем.

Comments

Слушайте, ну вообще четкий скрипт! Спасибооооооооо! Только на счет разобраться в нем помогите.

Не могу понять куда добавлять "грузоперевозки, курьер, ремонт техники..........." ну чтобы это появлялось когда скрипт раскрыт.???

---

За место слова МЕНЮ.

Только еще раз предупрежу, что после добавления всех категорий данное меню расширится по высоте, а значит надо будет менять параметы скрипта.

Не знаю даже как лучше поступить. Помочь-то я готов, но как должно всё выглядеть у тебя на сайте - я же не знаю. Тут либо я тебе объясняю каждую строчку скрипта и ты сам уже делаешь как надо, либо ты предоставляешь готовое меню с категориями, а я попробую настроить скрипт под нее.

Answer 2

ссылку на эту страницу можно

Comments

Это не страница, а картинка набросанная в painte, самому бы знать сайт где есть такой пример как мне надо.