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

Прекрасное анимированное круглое меню через плагин jsfiddle на jQuery для uCoz
23.06.14, 14:35:31

Скачать файл




Данный плагин позволяет создавать стильную навигацию для вашего сайта

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

Установка:

После /head на нужных страницах вставляйте:

Код
<link href="/css/style.css" rel='StyleSheet' />  
  <script type="text/javascript" src="/js/jquery-ui.js"></script>  
  <script src="/js/script.js" type='text/javascript'></script>


Следующий код сразу после предыдущего:
Код
<nav id="websites">
  <ul>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/mdm_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/rentahost_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/spinoff_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/goatrance_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/sgc_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/avaloq_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/pkcity_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/prounix_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/sgc_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/avaloq_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/pkcity_small.jpg"/></a></li>
<li><a href="#"><img src="http://soma.urlich.ch/_media/internet/prounix_small.jpg"/></a></li>

  </ul>
  <a class="navbutton">Кликни</a>
  </nav>


Если вас не устраивает абсолютное позиционирование меню по центру - адаптируйте style.css под свои потребности

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