Милый и простой эффект
Простой и милый эффект при наведении, присланный подписчиком. html самый простой:
|
1 2 3 4 5 6 7 |
<ul class="nav menu"> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Мы на карте</a></li> <li><a href="#">Контакты</a></li> </ul> |
Не забываем подключить скрипты (необходимые для плагина в прикрепленном файле)
|
1 2 3 4 |
<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> |
И маленькая функция для настроек
|
1 2 3 4 5 6 7 8 9 10 11 |
<script type="text/javascript"> $(function(){ $('.menu').flashyNav({ rolloverColor: '#7f70d7', //цвет выезжающей полоски rolloverDuration: 800, //скорость вылета полоски easingMethod: 'easeInOutQuint' }); }); </script> |
Скачать архив:
Теги: скачать бесплатно скрипты фишечки
демку бы