Горизонтальное меню с эффектом Lavavlamp на jQuery
Очень даже неплохое горизонтальное меню на jQuery и css с приятным эффектом при наведении на пункты
Для начала посмотрите ДЕМО
Установка:
1#: После /head на страницах, где будет отображаться данное меню, вставляйте:
1 2 3 |
<link href="/css/style.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="/js/jquery-ui.min.js"></script> <script type="text/javascript" src="/js/jquery.spasticNav.js"></script> |
2#: Следующий код в то место, где должно быть меню:
1 2 3 4 5 6 7 8 9 10 11 |
<ul id="nav"> <li id="selected"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">More About My Portfolio</a></li> <li><a href="#">Contact</a></li> </ul> <script type="text/javascript"> $('#nav').spasticNav(); </script> |
Залейте два JS файла из прикреплённого архива в папку js и CSS файл в папку css