Кот

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Кот » Архивы » возрождение из пепла


возрождение из пепла

Сообщений 31 страница 40 из 50

31

Rush
ну вы какое именно меню имеете в виду?

0

32

phoenix
да у меня привычка называть эти контейнеры с вкладками в объявлении менюшками) а вообще на твое усмотрение)

0

33

Rush
то есть выпадающее меню? Ну я как-то привыкла к такому как здесь: http://bronet.rusff.ru/

0

34

phoenix
давай тогда такое и сделаем, только вкладки сделаем красивые

0

35

Rush
Хорошо, сейчас найду чистый код

0

36

phoenix
http://forumd.ru/viewtopic.php?id=2385

0

37

вот она помоему:

Код:
<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
background:#F9F1DD;
/*position:absolute;*/
width:auto;
margin:0 2px;
max-width: 100%;
display: none; 
height: 260px!important;
}
span.menuButton {
 cursor:pointer;
 cursor:hand; 
}
</style>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 class="menuButton">Кнопка 1</span>
<span alt=#sm2 class="menuButton">Кнопка 2</span>
<span alt=#sm3 class="menuButton">Кнопка 3</span>
<span alt=#sm4 class="menuButton">Кнопка 4</span>
<span alt=#sm5 class="menuButton">Кнопка 5</span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%">
<table width=100%><tr>
     <td id="sm1" class="submenutext">
<div>Контент 1-й кнопки</div>
</td>
     <td id="sm2" class="submenutext">
<div>Контент 2-й кнопки</div>
</td>
     <td id="sm3" class="submenutext">
<div>Контент 3-й кнопки</div>
</td>
     <td id="sm4" class="submenutext">
<div>Контент 4-й кнопки</div>
</div>
     <td id="sm5" class="submenutext">
<div>Контент 5-й кнопки</div>
</td>
</tr></table>
</div>
   </td>
</tr>
 </tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
    $(".menuButton").removeClass("tabactive");
    $(this).addClass("tabactive");
    var activeDiv = $(this).attr("alt");

    $("td.submenutext *").hide(1600)
    $("td.submenutext").hide(2200)
    $("td."+activeDiv).show(2200)
    $("td."+activeDiv+" *").show(600)
    return false; });
});
</script>

0

38

phoenix
я тебе выше кинула ссылку на то меню

0

39

Rush
а, ну они немного похожи, ладно,пойду поставлю в объявление

0

40

жду

0


Вы здесь » Кот » Архивы » возрождение из пепла


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC