[TableGrey]Вот смотрите демо-пример[/TableGrey] [TableGrey]И так установка :[/TableGrey]
[TableGrey]Подключаем в HEAD дополнительный CSS для работы самой менюшки : [/TableGrey]
Code
<link rel="stylesheet" href="http://www.up-rise.ru/Downloads/Scripts/Menu3/style.css" type="text/css" charset="utf-8"/>
[TableGrey]Так же в HEAD ставим скрипт для меню :[/TableGrey]
Code
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7243260-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
[TableGrey]Вот саму меню ставим в самый верх Верхней части сайта : [/TableGrey]
Code
<ul id="navigation">
<li class="home"><a href=""><span>Главная</span></a></li>
<li class="about"><a href=""><span>Ин.Админ</span></a></li>
<li class="search"><a href=""><span>Поиск</span></a></li>
<li class="photos"><a href=""><span>Галерея</span></a></li>
<li class="rssfeed"><a href=""><span>RSS лента</span></a></li>
<li class="podcasts"><a href=""><span>Видео</span></a></li>
<li class="contact"><a href=""><span>Сообщения</span></a></li>
</ul>
[TableGrey]и перед </body> подключаем JS скрипт : [/TableGrey]
Code
<script type="text/javascript" src="http://www.up-rise.ru/Downloads/Scripts/Menu3/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+ =150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
[TableGrey]Автор скрипта NeoGame ( www.Up-Rise.Ru )[/TableGrey]
[TableGrey]Скачать на компьютер для памяти =) [/TableGrey]
