Team:USTC-China/Team/gallarytry

From 2011.igem.org

(Difference between revisions)
 
(93 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 19: Line 21:
#col_left{
#col_left{
     float: left;
     float: left;
-
     width: 900px;
+
     width: 700px;
     padding: 30px 22px;
     padding: 30px 22px;
     margin:0;
     margin:0;
}
}
#col_right{
#col_right{
-
     float: right;
+
     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: 5px;
+
     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:transparent;
+
     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 () {
-
    $('.pic').hide();
+
 
-
     var name = $(this).attr('id');
+
  $('#'+name+'pic').slideToggle('slow');
-
    $('#'+name+'pic').fadeIn(500);
+
     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:
-
 
 
-
<div id="col_left">
 
-
<div class="pic" id="1pic">
+
 
-
<h1>Yinghong Lan</h1>
+
 
-
<img src="" style="max-width:350px; margin-right:10px;"/>
+
-
</html>[[File:Danzhou.png|center|400px]]<html>
+
-
<div class="clear"></div>
+
-
</div>
+
-
</div>
+
</html>
</html>

Latest revision as of 15:20, 26 August 2011

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

Yinghong Lan

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

Retrieved from "http://2011.igem.org/Team:USTC-China/Team/gallarytry"