Team:XMU-China/Notebook Calendar

From 2014.igem.org

(Difference between revisions)
Line 455: Line 455:
<div id="Notebook_Calendar">
<div id="Notebook_Calendar">
-
<img id="Notebook_Calendar_title" class="Notebook_title" src="https://static.igem.org/mediawiki/2014/3/3c/Xmu_notebook_calendar_zwei.png"/>
+
<img id="Notebook_Calendar_title" class="Notebook_title" src="https://static.igem.org/mediawiki/2014/0/0f/Xmu_project_background_zwei.png"/>
<div id="Notebook_Calendar_wd">
<div id="Notebook_Calendar_wd">
-
<img id="dna" src="https://static.igem.org/mediawiki/2014/1/16/XMU-dna.png" alt="DNA" width="666" height="656" style="position:absolute; left:150px" />
+
<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>
Line 467: Line 468:
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />  
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />  
  </div>
  </div>
-
  <div id="Month1" class="Month" style="position: absolute; top: 5px; left: 330px; cursor: pointer;" onclick="moveOut(this)"><h1>Feb</h1></div>
+
  <div id="Month1" class="Month" style="position: absolute; top: 18px; left: 348px; cursor: pointer;" onclick="moveOut(this)"><h1>Feb</h1></div>
</div>
</div>
<!--三月-->
<!--三月-->
Line 478: Line 479:
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
  </div>
  </div>
-
  <div id="Month2" class="Month"  style="position: absolute; top: 50px; left: 381px; cursor: pointer;" onclick="moveOut(this)"><h1>Mar</h1></div>
+
  <div id="Month2" class="Month"  style="position: absolute; top: 65px; left: 402px; cursor: pointer;" onclick="moveOut(this)"><h1>Mar</h1></div>
</div>
</div>
<!--四月-->
<!--四月-->
Line 489: Line 490:
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
  </div>
  </div>
-
  <div id="Month3" class="Month"  style="position: absolute; top: 110px; left: 415px; cursor: pointer;" onclick="moveOut(this)"><h1>Apr</h1></div>
+
  <div id="Month3" class="Month"  style="position: absolute; top: 140px; left: 432px; cursor: pointer;" onclick="moveOut(this)"><h1>Apr</h1></div>
</div>
</div>
<!--五月-->
<!--五月-->
Line 500: Line 501:
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
  </div>
  </div>
-
  <div id="Month4" class="Month"  style="position: absolute; top: 185px; left: 425px; cursor: pointer;" onclick="moveOut(this)"><h1>May</h1></div>
+
  <div id="Month4" class="Month"  style="position: absolute; top: 208px; left: 452px; cursor: pointer;" onclick="moveOut(this)"><h1>May</h1></div>
</div>
</div>
<!--六月-->
<!--六月-->
Line 512: Line 513:
 
 
  </div>
  </div>
-
  <div id="Month5" class="Month"  style="position: absolute; top: 324px; left: 352px; cursor: pointer;" onclick="moveOut(this)"><h1>Jun</h1></div>
+
  <div id="Month5" class="Month"  style="position: absolute; top: 350px; left: 354px; cursor: pointer;" onclick="moveOut(this)"><h1>Jun</h1></div>
</div>
</div>
<!--七月-->
<!--七月-->
Line 523: Line 524:
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
  </div>
  </div>
-
  <div id="Month6" class="Month"  style="position: absolute; top: 414px; left: 387px; cursor: pointer;" onclick="moveOut(this)"><h1>Jul</h1></div>
+
  <div id="Month6" class="Month"  style="position: absolute; top: 428px; left: 385px; cursor: pointer;" onclick="moveOut(this)"><h1>Jul</h1></div>
</div>
</div>
<!--八月-->
<!--八月-->
Line 534: Line 535:
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
  </div>
  </div>
-
  <div id="Month7" class="Month"  style="position: absolute; top: 446px; left: 438px; cursor: pointer;" onclick="moveOut(this)"><h1>Aug</h1></div>
+
  <div id="Month7" class="Month"  style="position: absolute; top: 473px; left: 438px; cursor: pointer;" onclick="moveOut(this)"><h1>Aug</h1></div>
</div>
</div>
<!--九月-->
<!--九月-->
Line 545: Line 546:
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 230px; cursor: pointer;" />
  </div>
  </div>
-
  <div id="Month8" class="Month"  style="position: absolute; top: 445px; left: 630px; cursor: pointer;" onclick="moveOut(this)"><h1>Sep</h1></div>
+
  <div id="Month8" class="Month"  style="position: absolute; top: 483px; left: 658px; cursor: pointer;" onclick="moveOut(this)"><h1>Sep</h1></div>
</div>
</div>
<!--十月-->
<!--十月-->
Line 557: Line 558:
  </div>
  </div>
-
  <div id="Month9" class="Month"  style="position: absolute; top: 492px; left: 708px; cursor: pointer;" onclick="moveOut(this)"><h1>Oct</h1></div>
+
  <div id="Month9" class="Month"  style="position: absolute; top: 532px; left: 735px; cursor: pointer;" onclick="moveOut(this)"><h1>Oct</h1></div>
</div>
</div>
Line 592: Line 593:
  $("#dna").animate({left:'600px'},"fast");
  $("#dna").animate({left:'600px'},"fast");
  $(".Month").fadeOut("fast");
  $(".Month").fadeOut("fast");
 +
  $("#dna_hexagon").fadeOut("fast");
  var id = obj.id;
  var id = obj.id;
  var bro = "#calendar"+id.substring(5);
  var bro = "#calendar"+id.substring(5);
Line 631: Line 633:
  $("#dna").css({"width":"666px","height":"656px"});
  $("#dna").css({"width":"666px","height":"656px"});
  $(".Month").fadeIn(1500);    
  $(".Month").fadeIn(1500);    
 +
  $("#dna_hexagon").fadeIn(1500);  
  });
  });
});
});

Revision as of 10:37, 16 October 2014

side_bar

DNA Hexagon
Previous Next
    February

1st:today we made...
2nd:today we made...

Return

Feb

Previous Next
    March

1st:today we made...
2nd:today we made...

Return

Mar

Previous Next
    April

1st:today we made...
2nd:today we made...

Return

Apr

Previous Next
    May

1st:today we made...
2nd:today we made...

Return

May

Previous Next
    June

1st:today we made...
2nd:today we made...

Return

Jun

Previous Next
    July

1st:today we made...
2nd:today we made...

Return

Jul

Previous Next
    August

1st:today we made...
2nd:today we made...

Return

Aug

Previous Next
    September

1st:today we made...
2nd:today we made...

Return

Sep

Previous Next
    October

1st:today we made...
2nd:today we made...

Return

Oct

Retrieved from "http://2014.igem.org/Team:XMU-China/Notebook_Calendar"