Team:HZAU-China/Team

From 2013.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 42: Line 42:
<style>
<style>
 +
a, a:visited {
 +
    color: #fff;
 +
}
#background{
#background{
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
Line 52: Line 55:
     float: left;
     float: left;
     height: auto;
     height: auto;
-
     padding: 10px;
+
     padding-left: 80px;
-
     width: 980px;
+
    padding-top: 10px;
 +
    padding-bottom: 10px;
 +
     width: 840px;
}
}
#background12{
#background12{
Line 59: Line 64:
     float:left;
     float:left;
     heiht:auto;
     heiht:auto;
-
     width: 1000px;
+
     width: 840px;
-
     padding-bottom:3px;
+
     padding-left:80px;
-
}
+
     padding-right:80px;
-
#sidebar{
+
     padding-bottom:10px;
-
    background-color:transparent;
+
-
    height: auto;
+
-
    float:left;
+
-
    width: 200px;
+
-
}
+
-
#sidebar1{
+
-
     background-color:transparent;
+
-
     clear: both;
+
-
    height: auto;
+
-
    width: 200px;
+
-
}
+
-
#sidebar2{
+
-
    background-color:transparent;
+
-
    clear: both;
+
-
    height: auto;
+
-
    width: 200px;
+
}
}
</style>
</style>
Line 86: Line 75:
li,ul{ list-style:none}
li,ul{ list-style:none}
img{ border:none;}
img{ border:none;}
-
.item{float:left; width:162px; padding:0 2px; height:120px; overflow:hidden; margin:200px auto;}
+
.item{float:left; width:190px; padding:0 10px; height:75px; overflow:hidden;}
-
.item .item-t{ height:162px; background:#000;}
+
.item .item-t1{ height:190px; background:#7770B4;}
-
.item .item-b{ height:162px; background:#aaa;}
+
.item .item-b1{ height:190px; background:#8CA6C0;}
 +
.item .item-t2{ height:190px; background:#FFD017;}
 +
.item .item-b2{ height:190px; background:#F3D972;}
</style>
</style>
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
-
var changeH=$(".item-t").outerHeight();//变化的高度
+
var changeH=$(".item-t1").outerHeight();//变化的高度
$(".itemwrap .item").each(function(index){
$(".itemwrap .item").each(function(index){
$(this).hover(function(){
$(this).hover(function(){
//mouseenter代码段
//mouseenter代码段
-
$(this).find(".item-t").stop(true).animate({"margin-top":-changeH},300);
+
$(this).find(".item-t1").stop(true).animate({"margin-top":-changeH},300);
},function(){
},function(){
//mouseleave代码段
//mouseleave代码段
-
$(this).find(".item-t").stop(true).animate({"margin-top":0},300);
+
$(this).find(".item-t1").stop(true).animate({"margin-top":0},300);
 +
});
 +
 +
})  
 +
})
 +
</script>
 +
<script>
 +
$(document).ready(function(){
 +
var changeH=$(".item-t2").outerHeight();//变化的高度
 +
$(".itemwrap .item").each(function(index){
 +
$(this).hover(function(){
 +
//mouseenter代码段
 +
$(this).find(".item-t2").stop(true).animate({"margin-top":-changeH},300);
 +
},function(){
 +
//mouseleave代码段
 +
$(this).find(".item-t2").stop(true).animate({"margin-top":0},300);
});
});
Line 111: Line 117:
     <div id="paragraphs">
     <div id="paragraphs">
         <div class="zoomPan" id="zoomPan">
         <div class="zoomPan" id="zoomPan">
-
         <img src="https://static.igem.org/mediawiki/2013/7/7b/%E7%85%A7%E7%89%87_%EF%BC%88%E5%BA%95%EF%BC%89.jpg" alt="" />
+
         <img src="https://static.igem.org/mediawiki/2013/3/3e/%E7%85%A7%E7%89%87%E6%94%B9_-%E5%8A%A0%E5%AE%BD_%E5%89%AF%E6%9C%AC.png" width="840px;">
-
         <div id="zoom" class="sh"><img src="https://static.igem.org/mediawiki/2013/f/fb/%E7%85%A7%E7%89%87_%EF%BC%88%E5%8E%9F%EF%BC%89.jpg" alt="" /></div>
+
         <div id="zoom" class="sh"><img src="https://static.igem.org/mediawiki/2013/a/ae/%E7%85%A7%E7%89%87%E6%94%B9_-%E5%8A%A0%E5%AE%BD.png" width="3500px;"></div>
         </div>
         </div>
     </div>
     </div>
     <div id="background12">
     <div id="background12">
 +
         
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Team/Members and Instructors">MEMBERS</a></p></div>
 +
          <div class="item-b1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Team/Members and Instructors">MEMBERS</a></p></div>
 +
          </div>
 +
          </div>
 +
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Instructors">INSTRUCTORS</a></p></div>
 +
          <div class="item-b2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Instructors">INSTRUCTORS</a></p></div>
 +
          </div>
 +
          </div>
-
<div class="item">
+
          <div class="itemwrap">
-
<div class="item-t"></div>
+
          <div class="item">
-
    <div class="item-b"></div>
+
  <div class="item-t1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Attributions">ATTRIBUTIONS</a></p></div>
-
</div>
+
          <div class="item-b1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Attributions">ATTRIBUTIONS</a></p></div>
-
    </div>
+
          </div>
 +
          </div>
 +
 
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Sponsors">SPONSORS</a></p></div>
 +
          <div class="item-b2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Sponsors">SPONSORS</a></p></div>
 +
          </div>
 +
          </div>
 +
 
 +
    </div>
</div>
</div>
</body>
</body>

Latest revision as of 11:53, 20 September 2013