Team:HZAU-China/Gallery

From 2013.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 3: Line 3:
<style>
<style>
-
#info{ width:710px; background: transpant; margin-left:auto; margin-right:auto; text-align:center; height:430px;}
+
#info{ width:700px; background: transpant; margin-left:auto; margin-right:auto;border:7px solid #000; text-align:center; height:397px;}
ul,li{ list-style:none; margin:0; padding:0;}
ul,li{ list-style:none; margin:0; padding:0;}
a:active,a:hover{ cursor:pointer}
a:active,a:hover{ cursor:pointer}
-
#info #zs img{ width:710px; height:434px; border:7px solid #FFF;}
+
#info #zs img{ width:560px; height:390px; border:7px solid #FFF;}
-
#zs{ height:434px; overflow: hidden; text-align:left; float:left; width:560px;}
+
#zs{ height:390px; overflow: hidden; text-align:left; float:left; width:560px;}
#zs ul{ margin:0 0 0 0px;}
#zs ul{ margin:0 0 0 0px;}
#zs span{ display:block}
#zs span{ display:block}
#zs a{ display:inline}
#zs a{ display:inline}
-
#nav{ padding-right:10px;width:140px; height:420px; overflow:auto; padding:0; text-align:left; float:left;}
+
#nav{ padding-right:10px;width:140px; height:390px; overflow:auto; padding:0; text-align:left; float:left;}
#nav a{ display:block}
#nav a{ display:block}
-
.z{ width:80px; height:56px;display:block; border:1px solid #FFFFFF; margin:0;color:#FFF}
+
.z{ width:120px; height:79px;display:block; border:1px solid #FFFFFF; margin:0;color:#FFF}
-
.b1{ background:url()}
+
.b2{ background:url(https://static.igem.org/mediawiki/2013/6/6f/IMG_20130705_08370311.jpg)}
-
.b2{ background:url()}
+
.b3{ background:url(https://static.igem.org/mediawiki/2013/6/6e/IMG_147311.JPG)}
-
.b3{ background:url()}
+
.b4{ background:url(https://static.igem.org/mediawiki/2013/1/17/IMG_147111.JPG)}
-
.b4{ background:url()}
+
.b5{ background:url(https://static.igem.org/mediawiki/2013/2/25/IMG_144411.JPG)}
-
.b5{ background:url()}
+
.b6{ background:url(https://static.igem.org/mediawiki/2013/2/2b/IMG_144311.JPG)}
-
.b6{ background:url()}
+
.b7{ background:url(https://static.igem.org/mediawiki/2013/1/11/DSC_372511.JPG)}
-
#zs li{ display:block; height:420px;}
+
.b8{ background:url(https://static.igem.org/mediawiki/2013/8/83/DSC_372011.JPG)}
 +
.b9{ background:url(https://static.igem.org/mediawiki/2013/7/7b/DSC_368711.JPG)}
 +
.b10{ background:url(https://static.igem.org/mediawiki/2013/0/03/DSC_331811.JPG)}
 +
.b11{ background:url(https://static.igem.org/mediawiki/2013/1/10/DSC_329111.JPG)}
 +
.b12{ background:url(https://static.igem.org/mediawiki/2013/3/37/DSC_320411.JPG)}
 +
.b13{ background:url(https://static.igem.org/mediawiki/2013/e/e7/DSC_320011.JPG)}
 +
.b14{ background:url(https://static.igem.org/mediawiki/2013/7/70/DSC_210111.JPG)}
 +
.b15{ background:url(https://static.igem.org/mediawiki/2013/f/f8/DSC_198711.JPG)}
 +
.b1{ background:url(https://static.igem.org/mediawiki/2013/2/26/DSC_198511.JPG)}
 +
#zs li{ display:block; height:434px;}
</style>
</style>
Line 46: Line 55:
     padding-top: 10px;
     padding-top: 10px;
     padding-right:15px;
     padding-right:15px;
 +
    padding-bottom:20px;
     width: 710px;
     width: 710px;
}
}
Line 92: Line 102:
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
</style>
</style>
-
 
-
 
-
<script>
 
-
$(document).ready(function(){
 
-
var topMain=$("#sidebar").height()+100//是头部的高度加头部与nav导航之间的距离
 
-
var menu=$(".menu");
 
-
$(window).scroll(function(){
 
-
if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll,否则就移除
 
-
menu.addClass("menu_scroll");
 
-
}else{
 
-
menu.removeClass("menu_scroll");
 
-
}
 
-
});
 
-
})
 
-
</script>
 
<body>
<body>
Line 126: Line 121:
   <div id="zs">  
   <div id="zs">  
     <ul>
     <ul>
-
       <li><a name="z1" id="z1"></a><img width="560" height="420" src="https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG" /><br />
+
       <li><a name="z1" id="z1"></a><img src="https://static.igem.org/mediawiki/2013/e/ec/DSC_1985.JPG" /><br />
-
       <li><a name="z2" id="z2"></a><img src=""  /><br />       
+
       <li><a name="z2" id="z2"></a><img src="https://static.igem.org/mediawiki/2013/a/a3/IMG_20130705_083703.jpg"  /><br />       
-
       <li><a name="z3" id="z3"></a><img src=""  /><br />       
+
       <li><a name="z3" id="z3"></a><img src="https://static.igem.org/mediawiki/2013/4/41/IMG_1473.JPG"  /><br />       
-
       <li><a name="z4" id="z4"></a><img src=""  /><br />         
+
       <li><a name="z4" id="z4"></a><img src="https://static.igem.org/mediawiki/2013/5/57/IMG_1471.JPG"  /><br />         
-
       <li><a name="z5" id="z5"></a><img src=""  /><br />       
+
       <li><a name="z5" id="z5"></a><img src="https://static.igem.org/mediawiki/2013/a/af/IMG_1444.JPG"  /><br />       
-
       <li><a name="z6" id="z6"></a><img src=""  /><br />
+
       <li><a name="z6" id="z6"></a><img src="https://static.igem.org/mediawiki/2013/e/e1/IMG_1443.JPG"  /><br />
-
       <li><a name="z7" id="z7"></a><img src=""  /><br />       
+
       <li><a name="z7" id="z7"></a><img src="https://static.igem.org/mediawiki/2013/5/5a/DSC_3725.JPG"  /><br />       
-
       <li><a name="z8" id="z8"></a><img src="https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG" alt="照片2" /><br />
+
       <li><a name="z8" id="z8"></a><img src="https://static.igem.org/mediawiki/2013/f/fc/DSC_3720.JPG" /><br />
-
        
+
      <li><a name="z3" id="z9"></a><img src="https://static.igem.org/mediawiki/2013/c/c5/DSC_3687.JPG"  /><br />      
 +
      <li><a name="z4" id="z10"></a><img src="https://static.igem.org/mediawiki/2013/3/39/DSC_3318.JPG"  /><br />        
 +
      <li><a name="z5" id="z11"></a><img src="https://static.igem.org/mediawiki/2013/9/9f/DSC_3291.JPG"  /><br />     
 +
      <li><a name="z6" id="z12"></a><img src="https://static.igem.org/mediawiki/2013/f/f0/DSC_3204.JPG"  /><br />
 +
      <li><a name="z7" id="z13"></a><img src="https://static.igem.org/mediawiki/2013/f/f4/DSC_3200.JPG"  /><br />     
 +
      <li><a name="z8" id="z14"></a><img src="https://static.igem.org/mediawiki/2013/d/dd/DSC_2101.JPG"  /><br />
 +
      <li><a name="z3" id="z15"></a><img src="https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG"  /><br />     
     </ul>
     </ul>
   </div>
   </div>
Line 145: Line 146:
  <a href="#z5" class="b5 z" title="照片5"></a>
  <a href="#z5" class="b5 z" title="照片5"></a>
  <a href="#z6" class="b6 z" title="照片6"></a>
  <a href="#z6" class="b6 z" title="照片6"></a>
-
  <a href="#z7" class="b1 z" title="照片1"></a>
+
  <a href="#z7" class="b7 z" title="照片1"></a>
-
  <a href="#z8" class="b2 z" title="照片2"></a>
+
  <a href="#z8" class="b8 z" title="照片2"></a>
 +
          <a href="#z9" class="b9 z" title="照片2"></a>
 +
  <a href="#z10" class="b10 z" title="照片3"></a>
 +
  <a href="#z11" class="b11 z" title="照片4"></a>
 +
  <a href="#z12" class="b12 z" title="照片5"></a>
 +
  <a href="#z13" class="b13 z" title="照片6"></a>
 +
  <a href="#z14" class="b14 z" title="照片1"></a>
 +
  <a href="#z15" class="b15 z" title="照片2"></a>
</div>
</div>
</div>
</div>

Latest revision as of 17:39, 27 September 2013