Круглое меню через плагин Flower Navigation на jQuery
Данный плагин позволяет создавать стильную навигацию для вашего сайта
Для начала посмотрите ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
1 2 3 |
<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> |
2#: Следующий код сразу после предыдущего:
1 2 3 4 5 6 7 8 9 10 11 |
<nav id="websites"> <ul> <li><a href="#"><img src="Ссылка на картинку"/></a></li> <li><a href="#"><img src="Ссылка на картинку"/></a></li> <li><a href="#"><img src="Ссылка на картинку"/></a></li> <li><a href="#"><img src="Ссылка на картинку"/></a></li> <li><a href="#"><img src="Ссылка на картинку"/></a></li> <li><a href="#"><img src="Ссылка на картинку"/></a></li> </ul> <a class="navbutton">Кликни</a> </nav> |
Осталось лишь залить два JS файла из прикреплённого архива в папку js и один CSS файл в папку css
Если вас не устраивает абсолютное позиционирование меню по центру - адаптируйте style.css под свои потребности