"
Team:HZAU-China/Notebook
From 2013.igem.org
(Difference between revisions)
| Line 42: | Line 42: | ||
<div id="sidebar"> | <div id="sidebar"> | ||
| - | <style | + | <style> |
| - | + | *{ padding:0; margin:0; } | |
| - | + | .slider{ line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; } | |
| - | margin | + | .slider dt{ background:#f5f5d2; padding-left:30px; cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff; height:32px; line-height:32px; } |
| - | + | .slider dt.slider_open{background:#707070; color:# } | |
| - | + | .slider dd{ display:none; background:#f1f1ea; height:90px; background:#111; border-bottom:1px dashed #fafafa; overflow:hidden;} | |
| - | + | .slider dd p{ padding:10px 20px; overflow:hidden; } | |
| - | + | ||
| - | padding: | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | } | + | |
| - | . | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | } | + | |
</style> | </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> | ||
Revision as of 02:17, 22 July 2013
You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well.
