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

Интересный эффект при нажатии на элемент списка через плагин Aes Grave Fairy на jQuery для uCoz
23.06.14, 15:48:22

Скачать файл




Данный плагин создаёт вращающуюся светящуюся сферу после каждого нажатия на элемент

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

Установка:

После /head на нужных страницах вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/agFairy.css" />
  <script type="text/javascript" src="/js/jquery.path.js"></script>
  <script type="text/javascript" src="/js/agFairy.js"></script>


Следующий код в то место, где будет список с элементами:
Код
<ul class="fairyMenu bottom" >
<li>Тест 1</li>
<li>Тест 2</li>
<li>Тест 3</li>
  </ul>

  <style type="text/css">
.fairyMenu li{  
display:inline;  
cursor:pointer;  
margin:30px;  
}  
  </style>

  Обратите внимание на class="fairyMenu [color=orange]bottom[/color]"

  Здесь [color=orange]bottom[/color] - сфера снизу, [color=orange]top[/color] - сверху  

  <script language="javascript" >
jQuery(function(){  
$('.top').agFairy({position:'top'});  
$('.bottom').agFairy({position:'bottom',timeRounding:2000,selectedElement:2});  
});  
  </script>


Залейте два скрипта из архива в папку js, стиль в папку css и картинку в папку images

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: списка, эффект, нажатии, при, Aes, Через, интересный, плагин, на, Элемент
Просмотров: 218 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: