Слайдовое горизонтальное меню на JQuery и CSS3

11.01.13 11.01.13 Нет 3633

Элегантное выпадающее горизонтальное меню на JQuery и CSS3. Отличное выполнение оригинального меню для сайта. Меню компактное, при наведении всплывает картинка, а так же есть возможность создания подпунктов меню и это очень хорошо экономит место, несмотря на богатую анимацию.

Пример использования:

Между <head></head>:

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>

Между <body></body>:

<div class="content">
 <h1 class="title">Slide Down Box Menu with jQuery and CSS3</h1>
 <ul id="sdt_menu" class="sdt_menu">
 <li>
 <a href="#">
 <img src="images/2.jpg" alt=""/>
 <span class="sdt_active"></span>
 <span class="sdt_wrap">
 <span class="sdt_link">About me</span>
 <span class="sdt_descr">Get to know me</span>
 </span>
 </a>
 </li>
 <li>
 <a href="#">
 <img src="images/1.jpg" alt=""/>
 <span class="sdt_active"></span>
 <span class="sdt_wrap">
 <span class="sdt_link">Portfolio</span>
 <span class="sdt_descr">My work</span>
 </span>
 </a>
 <div class="sdt_box">
 <a href="#">Websites</a>
 <a href="#">Illustrations</a>
 <a href="#">Photography</a>
 </div>
 </li>
 </ul>
 </div>

Перед </body>:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>

Смотреть пример

Скачать исходник Размер: 194,86kB | Изменен: 11.01.13 | Загрузок: 151