Team:USTC-China/Team/gallarytry
From 2011.igem.org
(Difference between revisions)
(94 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
color: #991133; | color: #991133; | ||
text-decoration: none; | text-decoration: none; | ||
+ | float:left; | ||
+ | |||
} | } | ||
a:hover { | a:hover { | ||
Line 24: | Line 26: | ||
} | } | ||
#col_right{ | #col_right{ | ||
- | float: | + | float: ; |
width: 5px; | width: 5px; | ||
padding: 30px 28px 30px 15px; | padding: 30px 28px 30px 15px; | ||
Line 30: | Line 32: | ||
} | } | ||
#col_nav{ | #col_nav{ | ||
- | float: left; | + | float:left; |
- | width: | + | width:100%; |
+ | padding:10px; | ||
+ | margin:10px; | ||
+ | list-style-type:none; | ||
padding: 30px 28px 30px 15px; | padding: 30px 28px 30px 15px; | ||
margin:0; | margin:0; | ||
Line 42: | Line 47: | ||
list-style-image:none; | list-style-image:none; | ||
background-image:none; | background-image:none; | ||
+ | |||
} | } | ||
.col_list li{ | .col_list li{ | ||
- | background-color: | + | background-color:#112233; |
padding: 5px 15px; | padding: 5px 15px; | ||
+ | display:inline; | ||
} | } | ||
Line 74: | Line 81: | ||
<!-- TODO: add pre/n buttons --> | <!-- TODO: add pre/n buttons --> | ||
<script> | <script> | ||
+ | var name=-1; | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
+ | $('#1pic').fadeIn(500); | ||
$('.pic').css('display','none'); | $('.pic').css('display','none'); | ||
$('.col_list li').css('cursor','pointer'); | $('.col_list li').css('cursor','pointer'); | ||
Line 84: | Line 93: | ||
$('.col_list li').click(function () { | $('.col_list li').click(function () { | ||
- | + | ||
- | + | $('#'+name+'pic').slideToggle('slow'); | |
- | + | name = $(this).attr('id'); | |
- | + | $('#'+name+'pic').slideToggle('slow'); | |
- | + | }); | |
+ | /*$("img").mousedown(function () { | ||
+ | name = $(this).attr('id'); | ||
+ | $('#'+name+'pic').slideToggle('slow'); | ||
+ | name = name+1; | ||
+ | $('#'+(name)+'pic').slideToggle('slow'); | ||
+ | });*/ | ||
}); | }); | ||
+ | |||
</script> | </script> | ||
</head> | </head> | ||
Line 95: | Line 111: | ||
<body> | <body> | ||
+ | |||
+ | |||
+ | <div id="col_left"> | ||
+ | |||
+ | <div class="pic" id="1pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/a7/Danzhou.png" style="max-width:350px; margin-right:10px;" align="middle" id="1"/> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="2pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/2/2b/%E5%9B%BE%E7%89%87%E4%B8%89.jpg" style="max-width:350px; margin-right:10px;"/> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="3pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/3e/%E5%9B%BE%E7%89%87%E4%B8%80.png" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="4pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/5/50/%E5%9B%BE%E7%89%87%E5%85%AB.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="5pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/ae/%E5%9B%BE%E7%89%87%E4%B9%9D.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="6pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/2/26/%E5%9B%BE%E7%89%87%E9%9B%B6.gif" style=" margin-right:10px; max-width:350px; "/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="7pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/b/b3/%E5%9B%BE%E7%89%87%E5%85%AD.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="8pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/d6/%E5%9B%BE%E7%89%87%E4%B8%83.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="9pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/3c/%E5%9B%BE%E7%89%87%E5%8D%81.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="10pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/3c/%E5%9B%BE%E7%89%87%E5%9B%9B.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="11pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/8/82/%E5%9B%BE%E7%89%87%E4%BA%94.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="12pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/c/c6/%E5%9B%BE%E7%89%87%E4%B8%80.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="13pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/3e/%E5%9B%BE%E7%89%87%E4%B8%80.png" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="14pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/3e/%E5%9B%BE%E7%89%87%E4%B8%80.png" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
<div id="col_nav"> | <div id="col_nav"> | ||
<div class="col_list"> | <div class="col_list"> | ||
<h2></h2> | <h2></h2> | ||
<ul> | <ul> | ||
- | <li id="1"></li> | + | <li id="1">1</li> |
- | <li id=""></li> | + | <li id="2">2</li> |
- | <li id=""></li> | + | <li id="3">3</li> |
- | <li id=""></li> | + | <li id="4">4</li> |
- | <li id=""></li> | + | <li id="5">5</li> |
- | <li id=""></li> | + | <li id="6">6</li> |
- | <li id=""></li> | + | <li id="7">7</li> |
- | <li id=""></li> | + | <li id="8">8</li> |
- | <li id=""></li> | + | <li id="9">9</li> |
- | <li id=""></li> | + | <li id="10">10</li> |
- | <li id=""></li> | + | <li id="11">11</li> |
- | + | <li id="12">12</li> | |
- | <li id=""></li> | + | <li id="13">13</li> |
- | <li id=""></li> | + | <li id="14">14</il> |
- | <li id=""></il> | + | |
</ul> | </ul> | ||
</div><!-- end undergrads --> | </div><!-- end undergrads --> | ||
Line 119: | Line 225: | ||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 15:20, 26 August 2011