Дата: Пн, 12.09.2011, 21:03:56 | Сообщение # 1|
|
Вот смотрите демо-пример == http://www.up-rise.ru/Downloa....Ru.html
И так установка :
Подключаем в HEAD дополнительный CSS для работы самой менюшки :
[codes]<link rel="stylesheet" href="http://www.up-rise.ru/Downloads/Scripts/Menu3/style.css" type="text/css" charset="utf-8"/>[/codes]
Так же в HEAD ставим скрипт для меню :
[codes]<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>[/codes]
Вот саму меню ставим в самый верх Верхней части сайта :
[codes]<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>[/codes]
и перед </body> подключаем JS скрипт :
[codes]
<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);
}
);
});[/codes]
|
|
