HARMONIAN VALENTINE'S DAY 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; position: relative;">
<marquee height="633" behavior="scroll" direction="down" scrollamount="3" scrolldelay="43" style="position: relative; top: 30px; height: 633px; width: 20px; opacity: 0.2; left: 6%; color: rgb(176, 23, 18); z-index: 10;"><font size="+1">💕</font></marquee>
<marquee height="587" behavior="scroll" direction="down" scrollamount="2" scrolldelay="33" style="position: relative; left: 93%; top: 192px; width: 20px; height: 587px; color: rgb(176, 23, 18); opacity: 0.2; z-index: 10;"><font size="+1">💕</font></marquee>
<marquee height="594" behavior="scroll" direction="down" scrollamount="5" scrolldelay="17" style="position: relative; left: 67%; top: 121px; width: 20px; height: 594px; opacity: 0.2; color: rgb(176, 23, 18); z-index: 10;"><font size="+1">💕</font></marquee>
<marquee height="628" behavior="scroll" direction="down" scrollamount="4" scrolldelay="27" style="position: relative; left: 88%; top: 147px; width: 20px; height: 628px; opacity: 0.2; color: rgb(176, 23, 18); z-index: 10;"><font size="+1">💕</font></marquee>
<marquee height="550" behavior="scroll" direction="down" scrollamount="6" scrolldelay="9" style="position: relative; top: 117px; height: 550px; width: 20px; opacity: 0.2; left: 29%; color: rgb(176, 23, 18); z-index: 10;"><font size="+1">💕</font></marquee><table style="width: 880px; position: relative; margin-top: -628px;">
<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>
</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/27U8P.jpg" alt="Обложка">
</div>
<div style="display: none;" id="sm2" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27U8L.jpg" alt="Страница 2">
</div>
<div style="display: none;" id="sm3" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27U8M.jpg" alt="Страница 3">
</div>
<div style="display: none;" id="sm4" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sk3.jpg" alt="4 страница">
</div>
<div style="display: none;" id="sm5" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sk4.jpg" alt="5 страница">
</div>
<div style="display: none;" id="sm6" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sk5.jpg" alt="6 страница">
</div>
<div style="display: none;" id="sm7" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sk6.jpg" alt="7 страница">
</div>
<div style="display: none;" id="sm8" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sk7.jpg" alt="8 страница">
</div>
<div style="display: none;" id="sm9" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sk8.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/27Sk9.jpg" alt="10 страница">
</div>
<div style="display: none;" id="sm11" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27U8N.jpg" alt="11 страница">
</div>
<div style="display: none;" id="sm12" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmK.jpg" alt="12 страница">
</div>
<div style="display: none;" id="sm13" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmL.jpg" alt="13 страница">
</div>
<div style="display: none;" id="sm14" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmM.jpg" alt="14 страница">
</div>
<div style="display: none;" id="sm15" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmN.jpg" alt="15 страница">
</div>
<div style="display: none;" id="sm16" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27St2.jpg" alt="16 страница">
</div>
<div style="display: none;" id="sm17" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmQ.jpg" alt="17 страница">
</div>
<div style="display: none;" id="sm18" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmR.jpg" alt="18 страница">
</div>
<div style="display: none;" id="sm19" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmS.jpg" alt="19 страница">
</div>
<div style="display: none;" id="sm20" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmT.jpg" alt="20 страница">
</div>
<div style="display: none;" id="sm21" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmX.jpg" alt="21 страница">
</div>
<div style="display: none;" id="sm22" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27SmY.jpg" alt="22 страница">
</div>
<div style="display: none;" id="sm23" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Ujf.jpg" alt="23 страница">
</div>
<div style="display: none;" id="sm24" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sn3.jpg" alt="24 страница">
</div>
<div style="display: none;" id="sm25" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sn4.jpg" alt="25 страница">
</div>
<div style="display: none;" id="sm26" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sn5.jpg" alt="26 страница">
</div>
<div style="display: none;" id="sm27" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sn6.jpg" alt="27 страница">
</div>
<div style="display: none;" id="sm28" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sn7.jpg" alt="28 страница">
</div>
<div style="display: none;" id="sm29" class="submenutext"><br><br>
<img width="600" height="750" src="http://funkyimg.com/i/27Sn8.jpg" alt="29 страница">
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
УВАЖАЕМЫЕ ЧИТАТЕЛИ!
Комментарии и обсуждения разрешены и приветствуются!
![Green Esmeraude [x]](http://forumavatars.ru/img/avatars/0015/2b/14/32-1461764178.gif "Green Esmeraude [x]")
снежинки!
