роскошные меню для сайта css и jquery

VK.Widgets.Comments("vk_comments", {limit:

Мы рекомендуем Вам , либо войти на сайт под своим именем.

Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.

Меню и навигация

Меню и навигация

Меню и навигация

Меню и навигация

Меню и навигация

Плагин вызывается так:$(function(){PPPP $('.nav1').flashyNav({PPPPPPP rolloverColor: '#5400ff',PP //Цвет выезжающего элементаPPPPPPP rolloverDuration: 1000, //Продолжительность выезжанияPPPPPPP easingMethod: 'easeInOutQuint'P //Метод easing, используемый для выезжания PPP });PPP });Все гениальное просто.

ul.nav {list-style:none; margin:20px; width:300px; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}ul.nav li {position:relative; border-bottom:1px solid #333; display:block; height:30px; overflow:hidden}ul.nav li a {position:relative; color:#fff; text-decoration:none; display:block; height:20px; padding:10px 0 0 10px; z-index:100; text-transform:uppercase}

В шапке подключаем файлы:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="jquery.easing.1.3.js"></script><script type="text/javascript" src="jquery.hoverIntent.minified.js"></script><script type="text/javascript" src="jquery.flashyNav.1.0.js"></script>Простой список:PPP <ul class="nav nav1">P PPP PPP <li><a href="">Главная</a></li>PPPPPPP <li><a href="">О нас</a></li>PPPPPPP <li><a href="">Услуги</a></li>PPPPPPP <li><a href="">Продукты</a></li>PPPPPPP <li><a href="">Контакты</a></li>PPP </ul>   

Сделаем вертикальную навигацию с красивым эффектом при наведении на пункт меню. Цвета, метод easing и продолжительность можно настроить на свой вкус. Реализуется всё jQuery плагиноми flashyNav, hoverIntent и easing.

Роскошная навигация

Загрузка. Пожалуйста, подождите...

Роскошная навигация » Скрипты для сайтов