• Страница 1 из 1
  • 1
Красивое CSS / jQuery меню для сайта
Sanek94Дата: Понедельник, 26.07.2010, 09:43 | Сообщение # 1
I Love music
Сообщений: 663
[ 97 ]

Данное меню устанавливается в 4 этапа

1. Для начала нужно скачать архив и папку под названием main_menu закинуть в корень вашего сайта

2. Теперь нужно подключить css стили, для этого между <head> и </head> вставляем следующий код:

Code
<link rel="stylesheet" href="main_menu/css/style.css" type="text/css" charset="utf-8"/>
3. Далее в нужное вам место ставим код самого меню:
Code
<ul id="navigation">  
   <li class="home"><a href="Адрес ссылки"><span>Home</span></a></li>  
   <li class="about"><a href="Адрес ссылки"><span>About</span></a></li>  
   <li class="search"><a href="Адрес ссылки"><span>Search</span></a></li>  
   <li class="photos"><a href="Адрес ссылки"><span>Photos</span></a></li>  
   <li class="rssfeed"><a href="Адрес ссылки"><span>Rss Feed</span></a></li>  
   <li class="podcasts"><a href="Адрес ссылки"><span>Podcasts</span></a></li>  
   <li class="contact"><a href="Адрес ссылки"><span>Contact</span></a></li>  
</ul>

<li class="home"><a href="Адрес ссылки"><span>Home</span></a></li>
Выделенное зелёным изменяем на свое, а от класса, который я выделил красным, будет зависеть иконка данного пункта меню, при необходимости вы можете переставить их местами.

4. Ну и напоследок для получения эффекта анимации вставляем немножко jQuery перед закрывающимся тегом </body>

Code
<script type="text/javascript" src="main_menu/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>


Я Ушел
 
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Вид новостей под белый диз [ 1 ]
Прикольный вид новостей [ 1 ]
Новый вид новостей [ 1 ]
Общение клана [ 123 ]
crm for business [ 4 ]
Сервак [ 14 ]
вьетнам шлюхи [ 1 ]
Cs source [ 4 ]
[32] Я забыл ответ на секретный вопрос, что мне делать? [ 13 ]
Тут знакомства без регистрации в ставрополе [ 2 ]
Считаем до 1000) [ 776 ]
+10 [ 224 ]
Заявки на снятие бана [ 214 ]
Общение [ 196 ]
Конфискация админок [ 147 ]
Оцениваем аватары [ 135 ]
Общение клана [ 123 ]
Ник/ава/подпись [ 86 ]
Играем в имена [ 83 ]
Обсуждение осеннего чемпионата [ 73 ]
Обратный отчет [ 60 ]
Играем в города [ 55 ]
Вступление в клан [ 52 ]
FullBlooded Постов [ 1133 ]
Sanek94 Постов [ 663 ]
dans Постов [ 649 ]
cozaster Постов [ 464 ]
troy Постов [ 447 ]
Ravin Постов [ 411 ]
w1nGo Постов [ 346 ]
VI[R]US Постов [ 297 ]
LaiNeR_AdmiN Постов [ 256 ]
shtakActicaisk Постов [ 245 ]
MixailY Постов [ 234 ]
DMX Постов [ 228 ]
Gymndedy Постов [ 214 ]
TPAKTOP Постов [ 198 ]
M_Owen Постов [ 172 ]
Shraundud13:45
target01Log12:21
otaletikhe06:43
Wahcoalawackege08:21
italetxdtn22:35
staletjmsp07:09
mtaletatsq07:08
ltaletoxjh02:56
ftaletzrgz23:49
ftaletwgke12:43
ctaletjluy20:32
ctaletqjpg16:12
wtaletfqlj03:21
ytaletoptd10:28

Подняться вверх на сайте
Хостинг от uCoz vodka-poltava.at.ua © 2009 - 2025 Карта сайта Карта форума