[TableGrey]Скрин не требуется так я сделал примерчик где можно протестировать менюшку что она работает : Посмотреть[/TableGrey] [TableGrey]Приступим к установке : [/TableGrey]
[Table]Вот это мы вставляем в Шапку сайта в самый верх : [/Table]
Code
<div class="navigation">
<ul class="menu" id="menu">
<li><span class=""></span><a href="http://www.up-rise.ru/" class="first">Главная</a></li>
<li><span class="up_rise_video"></span><a href="http://www.up-rise.ru/stuff/">Видео</a></li>
<li><span class="up_rise_tv"></span><a href="http://www.up-rise.ru/index/cyber_arenatv/0-9/">Cyber Arena</a></li>
<li><span class="up_rise_photo"></span><a href="http://www.up-rise.ru/photo/">Галерея</a></li>
<li><span class="up_rise_load"></span><a href="http://www.up-rise.ru/load/">Файлы</a></li>
<li><span class="up_rise_admin"></span><a href="http://www.up-rise.ru/">Помощь</a></li>
<li><span class="up_rise_forum"></span><a href="http://www.up-rise.ru/forum/" class="last">Форум</a></li>
</ul>
</div>
[TableGrey]Далее подключаем сразу после <HEAD> JS скрипт :[/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>
<script type="text/javascript" src="http://www.up-rise.ru/Downloads/Scripts/Menu2/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
var d=1000;
$('#menu span').each(function(){
$(this).stop().animate({
'top':'-17px'
},d+=25 0);
});
$('#menu > li').hover(
function () {
var $this = $(this);
$('a',$this).addClass('hover');
$('span',$this).stop().animate({'top':'40px'},300).css({'zIndex':'10'});
},
function () {
var $this = $(this);
$('a',$this).removeClass('hover');
$('span',$this).stop().animate({'top':'-17px'},800).css({'zIndex':'-1'});
}
);
});
</script>
[TableGrey]Так же желательно что бы вы прописали у себя в CSS такую вещь , что зазоры по краям края равны "0" : [/TableGrey]
Code
body{margin:0px;padding:0px;}
[TableGrey]И на по следок между <head> и </head> подключаем дополнительный CSS для работы менюшки :[/TableGrey]
Code
<link rel="stylesheet" href="http://www.up-rise.ru/Downloads/Scripts/Menu2/style.css" type="text/css" charset="utf-8"/>
[Table]Все установка закончена, пользуйтесь. Кто напишет что не работает Выше я давал пример что все работает как положено[/Table]
[TableGrey]Автор скрипта : NeoGame ( www.Up-Rise.Ru )[/TableGrey]
[TableGrey]Скачать скрипт на компьютер для памяти )) " Скачать "[/TableGrey]
