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

Красивое меню в стиле Apple OSX через плагин Resize on Approach на jQuery
23.06.14, 11:28:06

Скачать файл




Замечательное, всем уже давно знакомое меню в стиле apple osx теперь может занять своё почётное место и на вашем сайте! Меню очень просто устанавливается и занимает минимум кода на вашем сайте

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

Установка:

После /head на нужных страницах вставляйте:
Код
<script src="/js/jquery.resizeOnApproach.1.0.js" type="text/javascript"></script>  

  <script type="text/javascript">  
<!--  
$(document).ready(function(){  
$('.mac-dock img').resizeOnApproach();  
});  
-->  
</script>


Следующий код в то место, где будет само меню:
Код
<div style="position:relative;height:130px;border:0;">  
<div class="mac-dock" style="text-align:center; position:absolute; bottom:30px;width:100%;">  
<img src="Ссылка на картинку" alt=""/>  
<img src="Ссылка на картинку" alt=""/>  
<img src="Ссылка на картинку" alt=""/>  
<img src="Ссылка на картинку" alt=""/>  
<img src="Ссылка на картинку" alt=""/>  
<img src="Ссылка на картинку" alt=""/>  
</div>  
</div>


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

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