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

Замечательное оригинальное круглое меню + мини-галерея через плагин MobilyBlocks на jQuery
23.06.14, 13:49:13

Скачать файл




Данный плагин позволяет создавать замечательные меню и мини-галереи с очень интересным эффектом

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

Установка:

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


В то место, где будет:

1) Меню:
Код
<div class="socials">
<ul class="reset">
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
</ul>
</div>


2) Мини-галерея:
Код
<div class="nature">
<ul class="reset">
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
<li><a href="#"><img src="Ссылка на картинку" alt="" /></a></li>
</ul>
</div>


Осталось лишь залить три скрипта из прикреплённого архива в папку js, стиль в папку css и две картинки в папку images

Материал подготовлен Apocalypse

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