HARMONIAN SPECIAL 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>
</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/25KXT.jpg" alt="Обложка">
</div>
<div style="display: none;" id="sm2" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KXW.jpg" alt="Страница 2">
</div>
<div style="display: none;" id="sm3" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KXX.jpg" alt="Страница 3">
</div>
<div style="display: none;" id="sm4" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KXZ.jpg" alt="4 страница">
</div>
<div style="display: none;" id="sm5" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY1.jpg" alt="5 страница">
</div>
<div style="display: none;" id="sm6" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY2.jpg" alt="6 страница">
</div>
<div style="display: none;" id="sm7" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY3.jpg" alt="7 страница">
</div>
<div style="display: none;" id="sm8" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY4.jpg" alt="8 страница">
</div>
<div style="display: none;" id="sm9" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY5.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/25KY6.jpg" alt="10 страница">
</div>
<div style="display: none;" id="sm11" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY7.jpg" alt="11 страница">
</div>
<div style="display: none;" id="sm12" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY8.jpg" alt="12 страница">
</div>
<div style="display: none;" id="sm13" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KY9.jpg" alt="13 страница">
</div>
<div style="display: none;" id="sm14" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KYa.jpg" alt="14 страница">
</div>
<div style="display: none;" id="sm15" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KYb.jpg" alt="15 страница">
</div>
<div style="display: none;" id="sm16" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KYc.jpg" alt="16 страница">
</div>
<div style="display: none;" id="sm17" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/25KYd.jpgg" alt="17 страница">
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Комментарии и обсуждения разрешены и приветствуются!
полагаю, следующий будет, как только 
![Green Esmeraude [x]](https://forumavatars.ru/img/avatars/0015/2b/14/32-1461764178.gif "Green Esmeraude [x]")
