margin-top:75px;

side_bar_hover_target.stop().animate({width:"275px"},200);

side_bar_hover_target.stop().animate({width:"155px"},100);

nav_bar_hover_target.children(".navbar_sub").stop().slideDown();

nav_bar_hoveroff_target.children(".navbar_sub").stop().slideUp();

<img id="dna" src="https://static.igem.org/mediawiki/2014/4/4c/XMU-dna-colorful-without-hexagon.png" alt="DNA"  style="position:absolute; left:150px" />

<img id="dna_hexagon" src="https://static.igem.org/mediawiki/2014/e/e0/XMU-dna-colorful-hexagon.png" alt="Hexagon" style="position:absolute; left:150px" />

<!--七月-->

<div>

  <div id="calendar6" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);height:500px;" >

<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 565px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />

<ul>July</ul>

<p style="font-size:20px;margin-top:10px;">Click here to download our LabNote:</p><br />

<a target="_blank" href="https://static.igem.org/mediawiki/2014/2/2b/XMU-Labnote-A.pdf" style="font-size:20px;"><img src="https://static.igem.org/mediawiki/2014/e/e3/Xmu_notebook_labnote_Pdf.png" style="width:20px;"/>  XMU-Labnote-A.pdf</a>

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; top:50px; right:5px; cursor: pointer;" />

  </div>

  <div id="Month6" class="Month"   style="position: absolute; top: 18px; left: 348px; cursor: pointer;" onclick="moveOut(this)"><h1>Jul</h1></div>

<!--八月-->

<div>

  <div id="calendar7" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);height:500px;" >

<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 565px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />

<ul>August</ul>

<p style="font-size:20px;margin-top:10px;">Click here to download our LabNote:</p><br />

<a target="_blank" href="https://static.igem.org/mediawiki/2014/6/6c/XMU-Labnote-B.pdf" style="font-size:20px;"><img src="https://static.igem.org/mediawiki/2014/e/e3/Xmu_notebook_labnote_Pdf.png" style="width:20px;"/>  XMU-Labnote-B.pdf</a>  

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute;top:50px; right:5px; cursor: pointer;" />

  </div>

  <div id="Month7" class="Month"   style="position: absolute; top: 65px; left: 402px; cursor: pointer;" onclick="moveOut(this)"><h1>Aug</h1></div>

<!--九月-->

<div>

  <div id="calendar8" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);height:500px;" >

<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 565px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />

<ul>September</ul>

<p style="font-size:20px;margin-top:10px;">Click here to download our LabNote:</p><br />

<a target="_blank" href="https://static.igem.org/mediawiki/2014/e/ec/XMU-Labnote-C.pdf" style="font-size:20px;"><img src="https://static.igem.org/mediawiki/2014/e/e3/Xmu_notebook_labnote_Pdf.png" style="width:20px;"/>  XMU-Labnote-C.pdf</a>

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; top:50px; right:5px; cursor: pointer;" />

  </div>

  <div id="Month8" class="Month"   style="position: absolute; top: 140px; left: 432px; cursor: pointer;" onclick="moveOut(this)"><h1>Sep</h1></div>

<!--十月-->

<div>

  <div id="calendar9" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);height:500px;" >

<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 565px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />

<ul>October</ul>

<p style="font-size:20px;margin-top:10px;">Click here to download our LabNote:</p><br />

<a target="_blank" href="https://static.igem.org/mediawiki/2014/2/21/XMU-Labnote-D.pdf" style="font-size:20px;"><img src="https://static.igem.org/mediawiki/2014/e/e3/Xmu_notebook_labnote_Pdf.png" style="width:20px;"/>  XMU-Labnote-D.pdf</a>

<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; top:50px; right:5px; cursor: pointer;" />

 

  </div>

  <div id="Month9" class="Month"   style="position: absolute; top: 208px; left: 452px; cursor: pointer;" onclick="moveOut(this)"><h1>Oct</h1></div>

</div>

 

  <!--鼠标移动到月份数字上的效果-->

<style>

#dna {    

-moz-transition: all 0.2s linear; /* Firefox 4 */

-webkit-transition: all 0.2s linear; /* Safari and Chrome */

-o-transition: all 0.2s linear; /* Opera */

.Month:hover{

transform: rotate(-30deg);

-ms-transform: rotate(-30deg);  

-moz-transform: rotate(-30deg); /* Firefox 4 */

-webkit-transform: rotate(-30deg); /* Safari and Chrome */

-o-transform: rotate(-30deg); /* Opera */  

$(document).ready(function() {

  $(".return").click(function(){

  $(".calendar").hide();

  var movein = document.getElementById("dna");

  movein.style.transform = "rotate(0deg)";

  movein.style.webkitTransform = "rotate(0deg)";

  $("#dna").animate({left:'150px'},"fast");

  $("#dna").css({"width":"666px","height":"656px"});

  $(".Month").fadeIn(1500);  

  $("#dna_hexagon").fadeIn(1500);  

  });

  </script>