Нужен скрипт

DS
На сайте с 06.12.2012
Offline
9
359

Краткое описание на рисунке.

http://imgs.su/tmp/2013-03-06/1362576406-409.jpg

под цифрой 1 - вертикальное меню, в "спокойном состоянии"

под цифрой 2 - наводим мышку к примеру на первый пункт меню, оно сдвигается вправо, и слева от него появляется иконка)

цифра 3 - наводим мышку к примеру на последний пункт меню, остальные пункты затемняются(было бы неплохо, чтобы фон всего сайта тоже затемнялся) и справа появляется большая "плашка" с текстом, картинками и прочей ерундой)))

и под цифрой четыре - если навести мышку к примеру на последний пункт меню, остальные пункты затемняются, и справа выводится большая картинка

Возможно ли такое реализовать? Есть ли готовые решения? Если нет, сколько будет стоить реализация? (если бесплатно, то подойдет любой вариант, если платно, то только третий :) )

P.S.флеш не предлагать :)

дани мапов
На сайте с 06.09.2012
Offline
192
#1

Движок самопис? Готовые решения вряд ли найдете, если заказывать - думаю будет стоить не менее 20 вмз. Топик для поиска исполнителей рядом.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
website
На сайте с 25.02.2011
Offline
30
#2

Задачу можно решить при помощи чистого CSS.

Вот набросок сделал для пункта 2:

<style>

#menu{
width: 300px;
margin: 10px;
}
.menu{
width: 200px;
height: 20px;
margin: 10px 10px 10px 0;
background: #ddd;
padding: 10px;
border: 1px solid #454545;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
}
.menu:hover{
margin-left: 50px;
font-weight: normal;

}
#menu_bg{
width: 300px;
height: 40px;
display: block;
background: url('http://www.rondo-1c.ru/_/rsrc/1312308053312/video-kurs-1/%D0%A1%D1%82%D1%80%D0%B5%D0%BB%D0%BA%D0%B0_%D0%BC%D0%B8%D0%BD%D0%B8.jpg') no-repeat;
background-position: left center ;
margin-left: 10px;

}
</style>

<div id="menu">
<div id="menu_bg"><div class="menu">Меню 1</div></div>
<div id="menu_bg"><div class="menu">Меню 2</div></div>
</div>
И дай вам Бог того вдвойне, чего желаете вы мне!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий