Код:
<!--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").css({"z-index":"-1;"})
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).css({"z-index":"1"})
$("td.#MenuTxT div.submenutext").hide(1200);
$("div."+activeDiv).show(2200);
return false; });
});
</script>
<div class="themehit"><div class="h1hit">график событий<div class="quotehit">прочти свое расписание</div></div><div class="themehit2"><center><table>
<tbody>
<tr>
<td align="center">
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">1 - 6</span>
<span alt=#sm2 "style="cursor: pointer;">7 - 12</span>
<span alt=#sm3 "style="cursor: pointer;">13 - 18</span>
<span alt=#sm4 "style="cursor: pointer;">19 - 24</span>
<span alt=#sm5 "style="cursor: pointer;">25 - 30</span>
</b>
</div>
</td>
</tr>
<tr align="left">
<td id="MenuTxT" valign="top" style="height: 440px;">
<div id="submenu" width="100%">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<table><tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tth.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tti.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29ttj.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr>
<tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29ttk.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29ttm.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29ttn.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr></table>
</div>
<div id="sm2" class="submenutext"><br /><br />
<table><tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQ9.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQa.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQb.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr>
<tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQc.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQd.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQe.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr></table>
</div>
<div id="sm3" class="submenutext"><br /><br />
<table><tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQj.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQk.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQm.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr>
<tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQn.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQo.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQp.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr></table>
</div>
<div id="sm4" class="submenutext"><br /><br />
<table><tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQE.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQF.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQG.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr>
<tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQH.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQJ.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQK.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr></table>
</div>
<div id="sm5" class="submenutext"><br /><br />
<table><tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQM.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQN.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQP.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr>
<tr align=center><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQQ.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQR.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td><td><div id="calstaff1"><div class="calstaff2"><div style="background-image:url(http://funkyimg.com/i/29tQS.png); width:150px; height:190px;"></div></div>
<center>текст текст текст</center>
</div></td></tr></table>
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
</div></div>
лалалалалал







