Team:HZAU-China/Team
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{:Team:HZAU-China/background-head}} | {{:Team:HZAU-China/background-head}} | ||
+ | <html> | ||
+ | <style> | ||
+ | #background{ | ||
+ | background-color: #EDFFFF; | ||
+ | border: 3px solid #A1FFFF; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float: left; | ||
+ | min-height: 800px; | ||
+ | width: 960px; | ||
+ | } | ||
+ | #sidebar { | ||
+ | |||
+ | background-color:transportate; | ||
+ | clear: both; | ||
+ | float: left; | ||
+ | height: auto; | ||
+ | width: 230px; | ||
+ | margin-bottom: 5px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | #paragraphs { | ||
+ | background-color: #EDFFFF; | ||
+ | border: 3px solid #A1FFFF; | ||
+ | float: right; | ||
+ | height: auto; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 5px; | ||
+ | padding-bottom: 5px; | ||
+ | padding-top:10px; | ||
+ | width: 710px; | ||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | <div id="background"> | ||
+ | <center> | ||
+ | <img width="800" src="https://static.igem.org/mediawiki/2012/6/6a/Buteam.jpg"> | ||
+ | <p></p> | ||
+ | </center> | ||
+ | <div id="sidebar"> | ||
+ | <style> | ||
+ | *{ padding:0; margin:0; } | ||
+ | .slider{line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; } | ||
+ | |||
+ | .slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff; height:35px; line-height:35px;font-size: 20px;padding-left:50px;} | ||
+ | |||
+ | .slider dt.slider_open{background:##707070; color:# } | ||
+ | |||
+ | .slider dd{ display:none; background:#f1f1ea; height: auto; background:#111; border-bottom:1px dashed #fafafa; font-size: 18px;font-color:#fff} | ||
+ | |||
+ | .slider dd p{ padding:10px 20px; overflow:hidden;padding-left:40px; } | ||
+ | </style> | ||
+ | <script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script> | ||
+ | <script> | ||
+ | $(function(){ | ||
+ | //初始化变量 | ||
+ | var flag = 0; | ||
+ | var $dt = $('.slider dt'); | ||
+ | var $dd = $('.slider dd'); | ||
+ | //初始化状态 | ||
+ | $dd.eq(0).show(); | ||
+ | $dt.eq(0).css('cursor','default'); | ||
+ | //单击事件 | ||
+ | $dt.click(function(){ | ||
+ | if($dt.index(this) == flag) return false; | ||
+ | flag = $dt.index(this); | ||
+ | $dd.not($dd.eq(flag)).slideUp(); | ||
+ | $dd.eq(flag).slideDown(); | ||
+ | $dt.eq(flag).css('cursor','default').addClass('slider_open'); | ||
+ | $dt.not($dt.eq(flag)).css('cursor','pointer').removeClass('slider_open'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <dl class="slider"> | ||
+ | <dt class="slider_open">Notebook</dt> | ||
+ | <dd>-<a href="#">Development of our team and Summer Fun</a><br> | ||
+ | -<a href="#">Labnote</a><br> | ||
+ | -<a href="#">Protocol</a><br></dd> | ||
+ | <dt>In this page</dt> | ||
+ | <dd>-<a href="#Week1">Week1</a><br> | ||
+ | -<a href="#Week2">Week2</a><br> | ||
+ | -<a href="#Week3">Week3</a><br> | ||
+ | -<a href="#Week4">Week4</a><br> | ||
+ | -<a href="#Week5">Week5</a><br> | ||
+ | -<a href="#Week6">Week6</a><br> | ||
+ | -<a href="#Week7">Week7</a><br> | ||
+ | -<a href="#Week8">Week8</a><br> | ||
+ | -<a href="#Week9">Week9</a><br> | ||
+ | -<a href="#Week10">Week10</a><br> | ||
+ | -<a href="#Week11">Week11</a><br> | ||
+ | -<a href="#Week12">Week12</a><br> | ||
+ | -<a href="#Week13">Week13</a><br> | ||
+ | -<a href="#Week14">Week14</a><br> | ||
+ | -<a href="#Week15">Week15</a><br> | ||
+ | -<a href="#Week16">Week16</a><br> | ||
+ | -<a href="#Week17">Week17</a><br></dd> | ||
+ | |||
+ | </dl> | ||
+ | </body> | ||
+ | |||
+ | </div> | ||
+ | <div id="paragraphs"> | ||
+ | <p> | ||
+ | <br> | ||
+ | </p> | ||
+ | <center> | ||
+ | <span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span> | ||
+ | </center> | ||
+ | <p> | ||
+ | <br> | ||
+ | </p> | ||
+ | |||
+ | <a name="Week1"> | ||
+ | <h3>Week1</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name=Week2"> | ||
+ | <h3>Week2</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week3"> | ||
+ | <h3>Week3</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week4"> | ||
+ | <h3>Week4</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week5"> | ||
+ | <h3>Week5</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week6"> | ||
+ | <h3>Week6</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week7"> | ||
+ | <h3>Week7</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week8"> | ||
+ | <h3>Week8</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week9"> | ||
+ | <h3>Week9</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week10"> | ||
+ | <h3>Week10</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week11"> | ||
+ | <h3>Week11</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week12"> | ||
+ | <h3>Week12</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week13"> | ||
+ | <h3>Week13</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week14"> | ||
+ | <h3>Week14</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week15"> | ||
+ | <h3>Week15</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | |||
+ | <a name="Week16"> | ||
+ | <h3>Week16</h3> | ||
+ | </a> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
== '''Who we are''' == | == '''Who we are''' == | ||
{|border = "0" | {|border = "0" |
Revision as of 04:15, 22 July 2013