Элегантное выпадающее горизонтальное меню на 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>
Комментарии:
Нет комментариев к этой статье.