Главная » Файлы » Прочие скрипты » jQuery

Простое вертикальное Меню с увеличением пунктов при наведении на jQuery
23.06.14, 08:30:13

Скачать файл




Забавное меню с увеличением каждого пункта меню при наведении

Для начала посмотрите ДЕМО

Установка:

После /head на нужных вам страницах вставляйте:
Код
<style>
  .menu{font-size:19px; width:399px; height:250px;
}
  .menuFlash{
  color:#fff;
  float:left;
  clear:both;
  text-decoration:none;
  font-family:verdana;
  font-size:19px;
  padding-bottom:6px;
  outline:none;
  line-height:19px;
  }
  .menuFlash a{font-size:19px;}
</style>
<script type="text/JavaScript" src="/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/JavaScript" src="/js/jquery.menuZoomer.js"></script>
<script>
$("a.menuFlash").hoverSize({
speed:400,
fontColor:"#d7df23",
fontSize : "300%",
lineHeight:"39px",
easing : "easeOutExpo"
})</script>


Далее прописываем само меню:
Код
<div class="menu">
  <a href="Ссылка" class="menuFlash">Пункт 1</a>
  <a href="Ссылка" class="menuFlash">Пункт 2</a>
  <a href="Ссылка" class="menuFlash">Пункт 3</a>
  <a href="Ссылка" class="menuFlash">Пункт 4</a>
  </div>


Теперь залейте два скрипта из прикреплённого архива в папку js

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: вертикальное, Простое, при, пунктов, на, JQuery, увеличением, наведении, Меню
Просмотров: 343 | Загрузок: 0 | Комментарии: 9 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: