Отличное плавающее меню. Выполнено в оригинальном стеклянном стиле.
Это меню установлено на эту страницу. Установка: После
/head вставляйте:
Code
<link rel="stylesheet" href="/css/style.css" type="text/css" charset="utf-8"/>
Следующий код можно сразу после предыдущего:
Code
<ul id="navigation"> <li class="home"><a href="" title="Home"></a></li> <li class="about"><a href="" title="About"></a></li> <li class="search"><a href="" title="Search"></a></li> <li class="photos"><a href="" title="Photos"></a></li> <li class="rssfeed"><a href="" title="Rss Feed"></a></li> <li class="podcasts"><a href="" title="Podcasts"></a></li> <li class="contact"><a href="" title="Contact"></a></li> </ul> <script type="text/javascript"> $(function() { $('#navigation a').stop().animate({'marginLeft':'-85px'},1000); $('#navigation > li').hover( function () { $('a',$(this)).stop().animate({'marginLeft':'-2px'},200); }, function () { $('a',$(this)).stop().animate({'marginLeft':'-85px'},200); } ); }); </script>
Залейте стиль из прикреплённого архива в папку
css и все картинки в папку
images .
Полезный материал ? Посетите сайт автора: http://apo-ucoz.com