Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.218.245.179
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Меню от $USERNAME$
Сообщение оставлено 29.05.2010 в 13:18:06 | Сообщение #1
[Пример]
Установка:

1. CSS:

Code
#menu {  
   background: #3e3e3e;  
   padding: 7px 20px 7px 20px;  
   text-align: center;  
}  

#menu a.main {  
   font-variant: small-caps;  
   text-decoration: none;  
   font-weight: bold;  
   color: white;  
   font-size: 10pt;  
   padding: 7px;  
   font-family: Tahoma;  
}  

#menu a.main:hover {  
   background: #b52828;  
}  

#submenu {  
   width: 100%;  
   height: 20px;  
   background: #eee;  
   border: 1px solid black;  
}  

#submenu a {  
   color: black;  
}

2. jQuery:

Code
$('#menu a').mouseover(function () {  
   if ($(this).next().hasClass('sbc')) {  
    $('#submenu').html($(this).next().html());  
   } else {  
    $('#submenu').empty();  
   }  
});

3. HTML:
Code
<div id="menu">  
   <a href="/" class="main">  
    главная  
   </a>  
   <div style="display: none;" class="sbc">  
    <a href="">  
     Администрация  
    </a>  
    |  
    <a href="">  
     Контакты  
    </a>  
   </div>  
   <a href="/forum" class="main">  
    форум  
   </a>  
   <div style="display: none;" class="sbc">  
    <a href="">  
     Новости  
    </a>  
    |  
    <a href="">  
     Общение  
    </a>  
   </div>  
   <a href="/load" class="main">  
    софт  
   </a>  
   <div style="display: none;" class="sbc">  
    <a href="">  
     Скачать софт  
    </a>  
    |  
    <a href="">  
     Другое  
    </a>  
   </div>  
   <a href="/publ" class="main">  
    фильмы  
   </a>  
   <div style="display: none;" class="sbc">  
    <a href="">  
     Скачать  
    </a>  
    |  
    <a href="">  
     Посмотреть  
    </a>  
   </div>  
   <a href="/index/8" class="main">  
    профиль  
   </a>  
   <a href="/index/10" class="main">  
    выход  
   </a>  
</div>  
<div id="submenu">  
</div>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика