HARMONIAN FIRST NUMBER
Код:
<!--HTML-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("passive").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<style>
#menu span {
background: rgb(175, 145, 164) none repeat scroll 0 0;
border: 1px solid rgb(175, 145, 164);
border-radius: 15px !important;
margin-left: 0;
width: 100px;
z-index: 10;
position: relative;
line-height: 2;
}
#menu .tabactive {
color: #2662DF;
background:#;
}
#submenu {
height: 1px;
margin-left: 63px;
margin-top: 0;
padding: 0;
text-align: left;
width: 600px;
margin-top: -24px;
}
.submenutext {
text-align: center;
background-image: url("-");
position:absolute;
width:100%;
max-width: 600px;
display: none;
height: 780px!important;
z-index: 1;
}
</style>
<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>
<center><table style="width: 880px;">
<tbody>
<tr>
<td align="center">
<div id="menu" style="width: 734px; z-index: 10; margin-left: -143px;"> <b>
<span alt="#sm1" "style="cursor: pointer;"><a style="color: rgb(0, 0, 0);" href="#tab1">Начало</a></span>
<span alt="#sm2" "style="cursor: pointer;"><a href="#tab2">2</a></span>
<span alt="#sm3" "style="cursor: pointer;"><a href="#tab3">3</a></span>
<span alt="#sm4" "style="cursor: pointer;"><a href="#tab4">4</a></span>
<span alt="#sm5" "style="cursor: pointer;"><a href="#tab5">5</a></span>
<span alt="#sm6" "style="cursor: pointer;"><a href="#tab6">6</a></span>
<span alt="#sm7" "style="cursor: pointer;"><a href="#tab7">7</a></span>
<span alt="#sm8" "style="cursor: pointer;"><a href="#tab8">8</a></span>
<span alt="#sm9" "style="cursor: pointer;"><a href="#tab9">9</a></span>
<span alt="#sm10" "style="cursor: pointer;"><a href="#tab10">10</a></span>
<span alt="#sm11" "style="cursor: pointer;"><a href="#tab2">11</a></span>
<span alt="#sm12" "style="cursor: pointer;"><a href="#tab3">12</a></span>
<span alt="#sm13" "style="cursor: pointer;"><a href="#tab4">13</a></span>
<span alt="#sm14" "style="cursor: pointer;"><a href="#tab5">14</a></span>
<span alt="#sm15" "style="cursor: pointer;"><a href="#tab6">15</a></span>
<span alt="#sm16" "style="cursor: pointer;"><a href="#tab7">16</a></span>
<span alt="#sm17" "style="cursor: pointer;"><a href="#tab8">17</a></span>
<span alt="#sm18" "style="cursor: pointer;"><a href="#tab9">18</a></span>
<span alt="#sm19" "style="cursor: pointer;"><a href="#tab10">19</a></span>
<span alt="#sm20" "style="cursor: pointer;"><a href="#tab8">20</a></span>
<span alt="#sm21" "style="cursor: pointer;"><a href="#tab9">21</a></span>
<span alt="#sm22" "style="cursor: pointer;"><a href="#tab10">22</a></span>
<span alt="#sm23" "style="cursor: pointer;"><a href="#tab2">23</a></span>
<span alt="#sm24" "style="cursor: pointer;"><a href="#tab3">24</a></span>
<span alt="#sm25" "style="cursor: pointer;"><a href="#tab4">25</a></span>
<span alt="#sm26" "style="cursor: pointer;"><a href="#tab5">26</a></span>
<span alt="#sm27" "style="cursor: pointer;"><a href="#tab6">27</a></span>
<span alt="#sm28" "style="cursor: pointer;"><a href="#tab7">28</a></span>
<span alt="#sm29" "style="cursor: pointer;"><a href="#tab8">29</a></span>
<span alt="#sm30" "style="cursor: pointer;"><a href="#tab9">30</a></span>
<span alt="#sm31" "style="cursor: pointer;"><a href="#tab10">31</a></span>
</b>
</div>
</td>
</tr>
<tr align="left">
<td valign="top" id="MenuTxT" style="height: 750px;">
<div id="submenu" width="100%">
<div id="sm1" class="submenutext" style="display: block;">
<br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvd.jpg" alt="Обложка">
</div>
<div style="display: none;" id="sm2" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvf.jpg" alt="Страница 2">
</div>
<div style="display: none;" id="sm3" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvR.jpg" alt="Страница 3">
</div>
<div style="display: none;" id="sm4" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvh.jpg" alt="4 страница">
</div>
<div style="display: none;" id="sm5" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvj.jpg" alt="5 страница">
</div>
<div style="display: none;" id="sm6" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hwz.jpg" alt="6 страница">
</div>
<div style="display: none;" id="sm7" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvk.jpg" alt="7 страница">
</div>
<div style="display: none;" id="sm8" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvn.jpg" alt="8 страница">
</div>
<div style="display: none;" id="sm9" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvp.jpg" alt="9 cтраница">
</div>
<div style="display: none;" id="sm10" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvP.jpg" alt="10 страница">
</div>
<div style="display: none;" id="sm11" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvr.jpg" alt="11 страница">
</div>
<div style="display: none;" id="sm12" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvs.jpg" alt="12 страница">
</div>
<div style="display: none;" id="sm13" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hwy.jpg" alt="13 страница">
</div>
<div style="display: none;" id="sm14" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hvt.jpg" alt="14 страница">
</div>
<div style="display: none;" id="sm15" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvG.jpg" alt="15 страница">
</div>
<div style="display: none;" id="sm16" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HwB.jpg" alt="16 страница">
</div>
<div style="display: none;" id="sm17" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvJ.jpg" alt="17 страница">
</div>
<div style="display: none;" id="sm18" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvK.jpg" alt="18 страница">
</div>
<div style="display: none;" id="sm19" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HwF.jpg" alt="19 страница">
</div>
<div style="display: none;" id="sm20" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvM.jpg" alt="20 страница">
</div>
<div style="display: none;" id="sm21" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvN.jpg" alt="21 страница">
</div>
<div style="display: none;" id="sm22" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HwD.jpg" alt="22 страница">
</div>
<div style="display: none;" id="sm23" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvS.jpg" alt="23 страница">
</div>
<div style="display: none;" id="sm24" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvU.jpg" alt="24 страница">
</div>
<div style="display: none;" id="sm25" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HwC.jpg" alt="25 страница">
</div>
<div style="display: none;" id="sm26" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HvV.jpg" alt="26 страница">
</div>
<div style="display: none;" id="sm27" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25HwG.jpg" alt="27 страница">
</div>
<div style="display: none;" id="sm28" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hwt.jpg" alt="28 страница">
</div>
<div style="display: none;" id="sm29" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hwv.jpg" alt="29 страница">
</div>
<div style="display: none;" id="sm30" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hwr.jpg" alt="30 страница">
</div>
<div style="display: none;" id="sm31" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25Hww.jpg" alt="31 страница">
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Комментарии и обсуждения разрешены и приветствуются!
