[html]<!--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: #cec8a7 none repeat scroll 0 0;
    border: 2px solid #cec8a7;
    b-order-radius: 10px !important;
    margin-left: 0;
    width: 100px;
z-index: 10;
position: relative;
line-height: 2;
}

#menu .tabactive {
color: #cdc59f;
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: 620px;
display: none;
height: 780px!important;
z-index: 1;
margin-left: 60px;
}
</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: -43px;"> <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="#tab11">11</a></span>
</b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td valign="top" id="MenuTxT" style="height: 770px;">
    <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/2N7pw.png" alt="Обложка" style="border: solid 10px #cec8a7;">
</div>

     <div style="display: none;" id="sm2" class="submenutext"><br><br>
<img width="600" height="750" src="https://forumstatic.ru/files/000c/82/53/22025.gif" alt="Страница 2">
</div>

     <div style="display: none;" id="sm3" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/2N7zw.png" alt="Страница 3">
</div>

     <div style="display: none;" id="sm4" class="submenutext"><br><br>
<img width="600" height="750" src="https://forumstatic.ru/files/000c/82/53/24235.gif" alt="4 страница">
</div>

     <div style="display: none;" id="sm5" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/2N7zA.png" alt="5 страница">
</div>

     <div style="display: none;" id="sm6" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/2N7A1.png" alt="6 страница">
</div>

     <div style="display: none;" id="sm7" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/2N7zG.png" alt="7 страница">
</div>

     <div style="display: none;" id="sm8" class="submenutext"><br><br>
<img width="600" height="750" src="https://forumstatic.ru/files/000c/82/53/82669.gif" alt="8 страница">
</div>

     <div style="display: none;" id="sm9" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/2N7zY.png" alt="9 страница">
</div>

     <div style="display: none;" id="sm10" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/2N7A3.png" alt="10 страница">
</div>

     <div style="display: none;" id="sm11" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/2N7zn.png" alt="11 страница">
</div>

</div>
   </td>
</tr>
</tbody>
</table></center>
[/html]