Форум Сайтостроение Веб-строительство

Нужен скрипт

DS
На сайте с 06.12.2012
Offline
9
dominant_smile
368

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

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

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

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

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

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

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

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

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

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

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
website
На сайте с 25.02.2011
Offline
30
website
#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>
И дай вам Бог того вдвойне, чего желаете вы мне!

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