Код:
<!--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>