Главная » Файлы » Прочие скрипты » 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 | |
Просмотров: 405 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |