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

Дата публикации  Дата изменения11.01.13  КомментарииНет   Просмотры1695

Элегантное выпадающее горизонтальное меню на 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 | Загрузок: 53
Бесплатные курсы

Категории,

Теги: , , , , ,

Оцените материал:

Рейтинг: 10.0/10 (2)


КомментарииКомментарии:

Нет комментариев к этой статье.


Поля, обозначенные как *, обязательны.





Максимальная длина сообщения 900 символов. Осталось   символов

 

Старые →← Новые