Namiko Roka,
В html-верх:
Код:
<style>
#menu span {
margin-right: 1px;
width: 155px;
height: 40px;
}
.submenutext {
display: none;
height: 438px;
padding: 10px;
text-align: center;
font-size: 12px;
width: 97%;
border: 1px solid #811104;
background:url(ссылка) no-repeat center; <!-- Фоновая картинка в основной форме объявления -->
}
</style>В html-низ:
Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>В объявление:
Код:
<center><table style="width: 100%; margin-top: 55px; margin-right: -14px;">
<tbody>
<tr height="40">
<td align="center">
<div id="menu">
<span alt=#sm1 "style="cursor: pointer;"><img width="155" height="40" src="ссылка_1"></span>
<span alt=#sm2 "style="cursor: pointer;"><img width="155" height="40" src="ссылка_2"></span>
<span alt=#sm3 "style="cursor: pointer;"><img width="155" height="40" src="ссылка_3"></span>
<span alt=#sm4 "style="cursor: pointer;"><img width="155" height="40" src="ссылка_4"></span>
<span alt=#sm5 "style="cursor: pointer;"><img width="155" height="40" src="ссылка_5"></span>
</div>
</td>
</tr>
<tr height="460">
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент первой кнопки
</div>
<div id="sm2" class="submenutext"><br /><br />
Контент второй кнопки
</div>
<div id="sm3" class="submenutext"><br /><br />
Контент третьей кнопки
</div>
<div id="sm4" class="submenutext"><br /><br />
Контент четвертой кнопки
</div>
<div id="sm5" class="submenutext"><br /><br />
Контент пятой кнопки
</div>
</td>
</tr>
</tbody>
</table></center>
Отредактировано Rion Leonheart (Ср, 19 Окт 2011 09:33:43)
мну не волшебник)
