(Prototype team page) |
AnakinYeung (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{CGU_Taiwan}} | + | {{CGU_Taiwan/clearwikiset}} |
+ | {{CGU_Taiwan/cgustyle}} | ||
+ | {{CGU_Taiwan/notebookstyle}} | ||
+ | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <title>iGem CGU_Taiwan 2017 - Notebook</title> | ||
+ | <link href="cgustyle.css" rel="stylesheet" type="text/css" /> | ||
+ | <link href="notebookstyle.css" rel="stylesheet" type="text/css" /> | ||
+ | <script type="text/javascript" src="jquery-1.7.2.min.js"></script> | ||
+ | </head> | ||
+ | <body bgcolor="white"> | ||
− | <div class=" | + | <!-- nav start --> |
+ | <div class="head"></div> | ||
+ | <nav> | ||
+ | <ul> | ||
+ | <li class="logo" style="text-align:left;"><img src="https://static.igem.org/mediawiki/2017/7/7e/CGULOGO0930.png" height="100px" width="307px"/></li> | ||
+ | <!--<li><a href="index.html">HOME</a></li> | ||
+ | | --> | ||
+ | <li class="dropdown"><a href="">PROJECT</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Description</a> | ||
+ | <a href="#">Results</a> | ||
+ | <a href="#">Proof</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | | | ||
+ | <li><a href="">DEVICE</a></li> | ||
+ | | | ||
+ | <li><a href="notebook.html">NOTEBOOK</a></li> | ||
+ | | | ||
+ | <li class="dropdown"><a href="">TEAM</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">PEOPLE</a> | ||
+ | <a href="#">SPONSOR</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | | | ||
+ | <li><a href="">COLLBORATION</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </nav> | ||
− | < | + | <script type="text/javascript"> |
− | + | $(window).scroll(function() { | |
− | + | //After scrolling 100px from the top... | |
− | + | if ( $(window).scrollTop() >= 75 ) { | |
+ | $('.head').css('transform-origin', 'right'); | ||
+ | $('.head').css('transform', 'translateX(500px) rotate(20deg)'); | ||
+ | $('.square').css('transform-origin', 'center'); | ||
+ | $('.square').css('transform', 'translateX(-500px) translateY(0px) rotate(75deg)'); | ||
+ | //Otherwise remove inline styles and thereby revert to original stying | ||
+ | } else { | ||
+ | $('.head').css('transform', 'translateX(500px) '); | ||
+ | $('.square').css('transform', 'translateX(500px) '); | ||
+ | } | ||
+ | }) | ||
+ | ; | ||
+ | </script> | ||
+ | <!-- nav end --> | ||
− | <div class=" | + | <!-- notebook start --> |
− | < | + | <div class="square"></div> |
− | < | + | <div class="notebooklist"> |
− | <li> | + | <ul class="week"> |
− | <li> | + | <li class="select"> |
− | <li> | + | <div> |
− | <li> | + | <button id="btngeneral" type="button">General</button> |
+ | <button id="btnmarketing" type="button">Marketing</button> | ||
+ | <button id="btnbiology" type="button">Biology Science</button> | ||
+ | <button id="btninformation" type="button">Information Science</button> | ||
+ | <button id="btnengineering" type="button">Engineering Science</button> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="week1"> | ||
+ | <div>Week 1 (Feb 19~Feb 25)</div> | ||
+ | <br> | ||
+ | <div><b>General note 1 :<button id="btn1" type="button">Collapse</button> | ||
+ | <button id="btn2" type="button">Expand</button></b> | ||
+ | <p class="generalcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week1 General內容結束 --> | ||
+ | <div><b>Marketing note 1 :<button id="btn3" type="button">Collapse</button> | ||
+ | <button id="btn4" type="button">Expand</button></b> | ||
+ | <p class="marketingcontent" style="display: block;">text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week1 Marketing內容結束 --> | ||
+ | <div><b>Biology Science note 1 :<button id="btn5" type="button">Collapse</button> | ||
+ | <button id="btn6" type="button">Expand</button></b> | ||
+ | <p class="biologycontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week1 Biology Science內容結束 --> | ||
+ | <div><b>Information Science note 1 :<button id="btn7" type="button">Collapse</button> | ||
+ | <button id="btn8" type="button">Expand</button></b> | ||
+ | <p class="informationcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week1 Information Science內容結束 --> | ||
+ | <div><b>Engineering Science note 1 :<button id="btn9" type="button">Collapse</button> | ||
+ | <button id="btn10" type="button">Expand</button></b> | ||
+ | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week1 Engineering Science內容結束 --> | ||
+ | <div><button id="btn11" type="button">Collapse</button> | ||
+ | <button id="btn12" type="button">Expand</button></div> | ||
+ | </li> | ||
+ | <!-- week1所有內容結束 --> | ||
+ | <br> | ||
+ | <li class="week2"> | ||
+ | <div>Week 2 (Feb 26~Mar 4)</div> | ||
+ | <br> | ||
+ | <div><b>General note 2 :<button id="btn13" type="button">Collapse</button> | ||
+ | <button id="btn14" type="button">Expand</button></b> | ||
+ | <p class="generalcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week2 General內容結束 --> | ||
+ | <div><b>Marketing note 2 :<button id="btn15" type="button">Collapse</button> | ||
+ | <button id="btn16" type="button">Expand</button></b> | ||
+ | <p class="marketingcontent" style="display: block;">text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week2 Marketing內容結束 --> | ||
+ | <div><b>Biology Science note 2 :<button id="btn17" type="button">Collapse</button> | ||
+ | <button id="btn18" type="button">Expand</button></b> | ||
+ | <p class="biologycontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week2 Biology Science內容結束 --> | ||
+ | <div><b>Information Science note 2 :<button id="btn19" type="button">Collapse</button> | ||
+ | <button id="btn20" type="button">Expand</button></b> | ||
+ | <p class="informationcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week2 Information Science內容結束 --> | ||
+ | <div><b>Engineering Science note 2 :<button id="btn21" type="button">Collapse</button> | ||
+ | <button id="btn22" type="button">Expand</button></b> | ||
+ | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week2 Engineering Science內容結束 --> | ||
+ | <div><button id="btn23" type="button">Collapse</button> | ||
+ | <button id="btn24" type="button">Expand</button></div> | ||
+ | </li> | ||
+ | <!-- week2所有內容結束 --> | ||
+ | <br> | ||
+ | <li class="week3"> | ||
+ | <div>Week 3 (Mar 5~Mar 11)</div> | ||
+ | <br> | ||
+ | <div><b>General note 3 :<button id="btn25" type="button">Collapse</button> | ||
+ | <button id="btn26" type="button">Expand</button></b> | ||
+ | <p class="generalcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week3 General內容結束 --> | ||
+ | <div><b>Marketing note 3 :<button id="btn27" type="button">Collapse</button> | ||
+ | <button id="btn28" type="button">Expand</button></b> | ||
+ | <p class="marketingcontent" style="display: block;">text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week3 Marketing內容結束 --> | ||
+ | <div><b>Biology Science note 3 :<button id="btn29" type="button">Collapse</button> | ||
+ | <button id="btn30" type="button">Expand</button></b> | ||
+ | <p class="biologycontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week3 Biology Science內容結束 --> | ||
+ | <div><b>Information Science note 3 :<button id="btn31" type="button">Collapse</button> | ||
+ | <button id="btn32" type="button">Expand</button></b> | ||
+ | <p class="informationcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week3 Information Science內容結束 --> | ||
+ | <div><b>Engineering Science note 3 :<button id="btn33" type="button">Collapse</button> | ||
+ | <button id="btn34" type="button">Expand</button></b> | ||
+ | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week3 Engineering Science內容結束 --> | ||
+ | <div><button id="btn35" type="button">Collapse</button> | ||
+ | <button id="btn36" type="button">Expand</button></div> | ||
+ | </li> | ||
+ | <!-- week3所有內容結束 --> | ||
+ | <br> | ||
+ | <li class="week4"> | ||
+ | <div>Week 4 (Mar 12~Mar 18)</div> | ||
+ | <br> | ||
+ | <div><b>General note 4 :<button id="btn37" type="button">Collapse</button> | ||
+ | <button id="btn38" type="button">Expand</button></b> | ||
+ | <p class="generalcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week4 General內容結束 --> | ||
+ | <div><b>Marketing note 4 :<button id="btn39" type="button">Collapse</button> | ||
+ | <button id="btn40" type="button">Expand</button></b> | ||
+ | <p class="marketingcontent" style="display: block;">text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week4 Marketing內容結束 --> | ||
+ | <div><b>Biology Science note 4 :<button id="btn41" type="button">Collapse</button> | ||
+ | <button id="btn42" type="button">Expand</button></b> | ||
+ | <p class="biologycontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week4 Biology Science內容結束 --> | ||
+ | <div><b>Information Science note 4 :<button id="btn43" type="button">Collapse</button> | ||
+ | <button id="btn44" type="button">Expand</button></b> | ||
+ | <p class="informationcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week4 Information Science內容結束 --> | ||
+ | <div><b>Engineering Science note 4 :<button id="btn45" type="button">Collapse</button> | ||
+ | <button id="btn46" type="button">Expand</button></b> | ||
+ | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p> | ||
+ | </div> | ||
+ | <!-- week4 Engineering Science內容結束 --> | ||
+ | <div><button id="btn47" type="button">Collapse</button> | ||
+ | <button id="btn48" type="button">Expand</button></div> | ||
+ | </li> | ||
+ | <!-- week4所有內容結束 --> | ||
+ | |||
</ul> | </ul> | ||
− | |||
</div> | </div> | ||
+ | <script type="text/javascript"> | ||
+ | var temp=0; | ||
+ | $(document).ready(function(){ | ||
+ | $("p").toggle("100"); | ||
+ | $("b").toggle("100"); | ||
+ | /////////////////////////////////////////////////////////////////////// | ||
+ | $("#btngeneral").click(function(){ | ||
+ | if(temp==1) | ||
+ | { | ||
+ | $("div ul li.week1 p.generalcontent").hide("100"); | ||
+ | $("div ul li.week2 p.generalcontent").hide("100"); | ||
+ | $("div ul li.week3 p.generalcontent").hide("100"); | ||
+ | $("div ul li.week4 p.generalcontent").hide("100"); | ||
+ | temp = 0; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $("div ul li.week1 p.generalcontent").fadeIn("100"); | ||
+ | $("div ul li.week2 p.generalcontent").fadeIn("100"); | ||
+ | $("div ul li.week3 p.generalcontent").fadeIn("100"); | ||
+ | $("div ul li.week4 p.generalcontent").fadeIn("100"); | ||
+ | temp = 1; | ||
+ | } | ||
+ | }); | ||
+ | $("#btnmarketing").click(function(){ | ||
+ | if(temp==1) | ||
+ | { | ||
+ | $("div ul li.week1 p.marketingcontent").hide("100"); | ||
+ | $("div ul li.week2 p.marketingcontent").hide("100"); | ||
+ | $("div ul li.week3 p.marketingcontent").hide("100"); | ||
+ | $("div ul li.week4 p.marketingcontent").hide("100"); | ||
+ | temp = 0; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $("div ul li.week1 p.marketingcontent").fadeIn("100"); | ||
+ | $("div ul li.week2 p.marketingcontent").fadeIn("100"); | ||
+ | $("div ul li.week3 p.marketingcontent").fadeIn("100"); | ||
+ | $("div ul li.week4 p.marketingcontent").fadeIn("100"); | ||
+ | temp = 1; | ||
+ | } | ||
+ | }); | ||
− | + | $("#btnbiology").click(function(){ | |
− | + | if(temp==1) | |
− | + | { | |
+ | $("div ul li.week1 p.biologycontent").hide("100"); | ||
+ | $("div ul li.week2 p.biologycontent").hide("100"); | ||
+ | $("div ul li.week3 p.biologycontent").hide("100"); | ||
+ | $("div ul li.week4 p.biologycontent").hide("100"); | ||
+ | temp = 0; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $("div ul li.week1 p.biologycontent").fadeIn("100"); | ||
+ | $("div ul li.week2 p.biologycontent").fadeIn("100"); | ||
+ | $("div ul li.week3 p.biologycontent").fadeIn("100"); | ||
+ | $("div ul li.week4 p.biologycontent").fadeIn("100"); | ||
+ | temp = 1; | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $("#btninformation").click(function(){ | ||
+ | if(temp==1) | ||
+ | { | ||
+ | $("div ul li.week1 p.informationcontent").hide("100"); | ||
+ | $("div ul li.week2 p.informationcontent").hide("100"); | ||
+ | $("div ul li.week3 p.informationcontent").hide("100"); | ||
+ | $("div ul li.week4 p.informationcontent").hide("100"); | ||
+ | temp = 0; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $("div ul li.week1 p.informationcontent").fadeIn("100"); | ||
+ | $("div ul li.week2 p.informationcontent").fadeIn("100"); | ||
+ | $("div ul li.week3 p.informationcontent").fadeIn("100"); | ||
+ | $("div ul li.week4 p.informationcontent").fadeIn("100"); | ||
+ | temp = 1; | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $("#btnengineering").click(function(){ | ||
+ | if(temp==1) | ||
+ | { | ||
+ | $("div ul li.week1 p.engineeringcontent").hide("100"); | ||
+ | $("div ul li.week2 p.engineeringcontent").hide("100"); | ||
+ | $("div ul li.week3 p.engineeringcontent").hide("100"); | ||
+ | $("div ul li.week4 p.engineeringcontent").hide("100"); | ||
+ | temp = 0; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $("div ul li.week1 p.engineeringcontent").fadeIn("100"); | ||
+ | $("div ul li.week2 p.engineeringcontent").fadeIn("100"); | ||
+ | $("div ul li.week3 p.engineeringcontent").fadeIn("100"); | ||
+ | $("div ul li.week4 p.engineeringcontent").fadeIn("100"); | ||
+ | temp = 1; | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | /////////////////week btn////////////////////////////////////////////// | ||
+ | |||
+ | |||
+ | $("#btn1").click(function(){ | ||
+ | if(temp==1){ | ||
+ | $("div ul li.week1 p.generalcontent").hide("100"); | ||
+ | temp = 0; | ||
+ | $("btn1").text("Expand"); | ||
+ | } | ||
+ | else{ | ||
+ | |||
+ | $("div ul li.week1 p.generalcontent").fadeIn("100"); | ||
+ | temp = 1; | ||
+ | $("btn1").text("Collapse"); | ||
+ | } | ||
+ | }); | ||
+ | /* | ||
+ | $("#btn1").click(function(){ | ||
+ | $("div ul li.week1 p.generalcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn2").click(function(){ | ||
+ | $("div ul li.week1 p.generalcontent").fadeIn("100"); | ||
+ | }); | ||
+ | */ | ||
− | + | $("#btn3").click(function(){ | |
− | + | $("div ul li.week1 p.marketingcontent").hide("100"); | |
− | + | }); | |
− | + | $("#btn4").click(function(){ | |
− | + | $("div ul li.week1 p.marketingcontent").fadeIn("100"); | |
− | + | }); | |
+ | |||
+ | $("#btn5").click(function(){ | ||
+ | $("div ul li.week1 p.biologycontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn6").click(function(){ | ||
+ | $("div ul li.week1 p.biologycontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn7").click(function(){ | ||
+ | $("div ul li.week1 p.informationcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn8").click(function(){ | ||
+ | $("div ul li.week1 p.informationcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn9").click(function(){ | ||
+ | $("div ul li.week1 p.engineeringcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn10").click(function(){ | ||
+ | $("div ul li.week1 p.engineeringcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn11").click(function(){ | ||
+ | $("div ul li.week1 b").hide("100"); | ||
+ | $("div ul li.week1 p.generalcontent").hide("100"); | ||
+ | $("div ul li.week1 p.marketingcontent").hide("100"); | ||
+ | $("div ul li.week1 p.biologycontent").hide("100"); | ||
+ | $("div ul li.week1 p.informationcontent").hide("100"); | ||
+ | $("div ul li.week1 p.engineeringcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn12").click(function(){ | ||
+ | $("div ul li.week1 b").fadeIn("100"); | ||
+ | }); | ||
+ | //////////////////////////////////////////////////////////////////////// | ||
+ | $("#btn13").click(function(){ | ||
+ | $("div ul li.week2 p.generalcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn14").click(function(){ | ||
+ | $("div ul li.week2 p.generalcontent").fadeIn("100"); | ||
+ | }); | ||
− | + | $("#btn15").click(function(){ | |
+ | $("div ul li.week2 p.marketingcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn16").click(function(){ | ||
+ | $("div ul li.week2 p.marketingcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn17").click(function(){ | ||
+ | $("div ul li.week2 p.biologycontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn18").click(function(){ | ||
+ | $("div ul li.week2 p.biologycontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn19").click(function(){ | ||
+ | $("div ul li.week2 p.informationcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn20").click(function(){ | ||
+ | $("div ul li.week2 p.informationcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn21").click(function(){ | ||
+ | $("div ul li.week2 p.engineeringcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn22").click(function(){ | ||
+ | $("div ul li.week2 p.engineeringcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn23").click(function(){ | ||
+ | $("div ul li.week2 b").hide("100"); | ||
+ | $("div ul li.week2 p.generalcontent").hide("100"); | ||
+ | $("div ul li.week2 p.marketingcontent").hide("100"); | ||
+ | $("div ul li.week2 p.biologycontent").hide("100"); | ||
+ | $("div ul li.week2 p.informationcontent").hide("100"); | ||
+ | $("div ul li.week2 p.engineeringcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn24").click(function(){ | ||
+ | $("div ul li.week2 b").fadeIn("100"); | ||
+ | }); | ||
+ | /////////////////////////////////////////////////////////////////////// | ||
+ | $("#btn25").click(function(){ | ||
+ | $("div ul li.week3 p.generalcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn26").click(function(){ | ||
+ | $("div ul li.week3 p.generalcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn27").click(function(){ | ||
+ | $("div ul li.week3 p.marketingcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn28").click(function(){ | ||
+ | $("div ul li.week3 p.marketingcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn29").click(function(){ | ||
+ | $("div ul li.week3 p.biologycontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn30").click(function(){ | ||
+ | $("div ul li.week3 p.biologycontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn31").click(function(){ | ||
+ | $("div ul li.week3 p.informationcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn32").click(function(){ | ||
+ | $("div ul li.week3 p.informationcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn33").click(function(){ | ||
+ | $("div ul li.week3 p.engineeringcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn34").click(function(){ | ||
+ | $("div ul li.week3 p.engineeringcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn35").click(function(){ | ||
+ | $("div ul li.week3 b").hide("100"); | ||
+ | $("div ul li.week3 p.generalcontent").hide("100"); | ||
+ | $("div ul li.week3 p.marketingcontent").hide("100"); | ||
+ | $("div ul li.week3 p.biologycontent").hide("100"); | ||
+ | $("div ul li.week3 p.informationcontent").hide("100"); | ||
+ | $("div ul li.week3 p.engineeringcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn36").click(function(){ | ||
+ | $("div ul li.week3 b").fadeIn("100"); | ||
+ | }); | ||
+ | /////////////////////////////////////////////////////////////////////// | ||
+ | $("#btn37").click(function(){ | ||
+ | $("div ul li.week4 p.generalcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn38").click(function(){ | ||
+ | $("div ul li.week4 p.generalcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn39").click(function(){ | ||
+ | $("div ul li.week4 p.marketingcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn40").click(function(){ | ||
+ | $("div ul li.week4 p.marketingcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn41").click(function(){ | ||
+ | $("div ul li.week4 p.biologycontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn42").click(function(){ | ||
+ | $("div ul li.week4 p.biologycontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn43").click(function(){ | ||
+ | $("div ul li.week4 p.informationcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn44").click(function(){ | ||
+ | $("div ul li.week4 p.informationcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn45").click(function(){ | ||
+ | $("div ul li.week4 p.engineeringcontent").hide("100"); | ||
+ | }); | ||
+ | $("#btn46").click(function(){ | ||
+ | $("div ul li.week4 p.engineeringcontent").fadeIn("100"); | ||
+ | }); | ||
+ | |||
+ | $("#btn47").click(function(){ | ||
+ | $("div ul li.week4 b").hide("100"); | ||
+ | }); | ||
+ | $("#btn48").click(function(){ | ||
+ | $("div ul li.week4 b").fadeIn("100"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- notebook end --> | ||
+ | |||
+ | <!-- footer start --> | ||
+ | <footer align="right"> | ||
+ | <ul> | ||
+ | <li><a href="http://www.cgu.edu.tw"><img src="https://static.igem.org/mediawiki/2017/1/13/Cgucopyright0915.png" width="40%"></a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | <!-- footer end --> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 14:40, 30 September 2017
-
-
Week 1 (Feb 19~Feb 25)
General note 1 :text text text text text text text
Marketing note 1 :text text text text text text text
Biology Science note 1 :text text text text text text text
Information Science note 1 :text text text text text text text
Engineering Science note 1 :text text text text text text text
-
Week 2 (Feb 26~Mar 4)
General note 2 :text text text text text text text
Marketing note 2 :text text text text text text text
Biology Science note 2 :text text text text text text text
Information Science note 2 :text text text text text text text
Engineering Science note 2 :text text text text text text text
-
Week 3 (Mar 5~Mar 11)
General note 3 :text text text text text text text
Marketing note 3 :text text text text text text text
Biology Science note 3 :text text text text text text text
Information Science note 3 :text text text text text text text
Engineering Science note 3 :text text text text text text text
-
Week 4 (Mar 12~Mar 18)
General note 4 :text text text text text text text
Marketing note 4 :text text text text text text text
Biology Science note 4 :text text text text text text text
Information Science note 4 :text text text text text text text
Engineering Science note 4 :text text text text text text text