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, самому бы знать сайт где есть такой пример как мне надо.