Главная » jQuery » Интересный эффект при нажатии на элемент списка через плагин Aes Grave Fairy на jQuery для uCoz
12:52
Данный плагин создаёт вращающуюся светящуюся сферу после каждого нажатия на элемент
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<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>
Следующий код в то место, где будет список с элементами:
Code
<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
