Team:USTC-China/Team/gallarytry

From 2011.igem.org

(Difference between revisions)
 
(136 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Team:USTC-China/temp}}
 +
{{Team:USTC-China/temp/bar4}}
 +
<html lang="en">  
<head>
<head>
<style type="text/css">
<style type="text/css">
-
.list_pic{
+
 
 +
a {
 +
    color: #991133;
 +
    text-decoration: none;
 +
    float:left;
 +
 
 +
}
 +
a:hover {
 +
    text-decoration: underline;
 +
}
 +
 
 +
.clear {
 +
    clear:both;
 +
}
 +
 
 +
#col_left{
 +
    float: left;
 +
    width: 700px;
 +
    padding: 30px 22px;
 +
    margin:0;
 +
}
 +
#col_right{
 +
    float: ;
 +
    width: 5px;
 +
    padding: 30px 28px 30px 15px;
 +
    margin:0;
 +
}
 +
#col_nav{
 +
    float:left;
 +
    width:100%;
 +
    padding:10px;
 +
    margin:10px;
 +
    list-style-type:none;
 +
    padding: 30px 28px 30px 15px;
 +
    margin:0;
 +
}
 +
 
 +
 
 +
 
 +
.col_list ul{
     list-style-type:none;
     list-style-type:none;
     list-style-image:none;
     list-style-image:none;
     background-image:none;
     background-image:none;
 +
   
}
}
 +
.col_list li{
 +
    background-color:#112233;
 +
    padding: 5px 15px;
 +
display:inline;
 +
}
 +
 +
 +
 +
/* TEAM PAGE */
 +
.pic {
 +
    clear:both;
 +
    padding-bottom: 20px;
 +
    border-bottom: 1px solid #ccc;
 +
}
 +
.pic img {
 +
    float:;
 +
    margin-right: 10px;
 +
}
 +
 +
#videoiframe {
 +
    overflow: hidden;
 +
    margin-top: 20px;
 +
}
 +
</style>
</style>
 +
</head>
 +
</html>
 +
 +
<html>
 +
<head>
 +
<!-- 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');
-
   $('.list_pic').css('cursor','pointer');
+
   $('.col_list li').css('cursor','pointer');
-
   $('.list_pic').hover(function() {
+
   $('.col_list li').hover(function() {
     $(this).css('background-color','#91A3ED');
     $(this).css('background-color','#91A3ED');
     }, function() {
     }, function() {
Line 18: Line 92:
   });
   });
-
   $('.list_pic').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>
 +
<body>
 +
 +
 +
 
 +
<div id="col_left">
-
<div class="list_pic">
 
-
<ul>
 
-
<li id="1"><img src=""></li>
 
-
<li id="2"></li>
 
-
<li id="3"></li>
 
-
<li id="4"></li>
 
-
<li id="5"></li>
 
-
<li id="6"></li>
 
-
</ul>
 
-
</div>
 
-
</html>
 
<div class="pic" id="1pic">
<div class="pic" id="1pic">
-
[[Link title|  px]]
+
<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>
 +
 +
<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 class="col_list">
 +
        <h2></h2>
 +
<ul>
 +
    <li id="1">1</li>
 +
    <li id="2">2</li>
 +
    <li id="3">3</li>
 +
    <li id="4">4</li>
 +
    <li id="5">5</li>
 +
    <li id="6">6</li>
 +
    <li id="7">7</li>
 +
            <li id="8">8</li>
 +
    <li id="9">9</li>
 +
    <li id="10">10</li>
 +
    <li id="11">11</li>
 +
    <li id="12">12</li>
 +
            <li id="13">13</li>
 +
            <li id="14">14</il>
 +
</ul>
 +
    </div><!-- end undergrads -->
 +
</div>
 +
 +
 +
 +
 +
 +
</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"