Team:HZAU-China/Team

From 2013.igem.org

(Difference between revisions)
 
(96 intermediate revisions not shown)
Line 1: Line 1:
{{:Team：HZAU-China/background-head}}
{{:Team：HZAU-China/background-head}}
<html>
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<style type="text/css">
 +
.zoomPan{width:800px;position:relative; }
 +
.sh{zoom:1;background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);filter:progid:DXImageTransform.Microsoft.dropShadow(color='#54000000', OffX=2,OffY=2);-webkit-box-shadow:4px 4px 4px #666;-moz-box-shadow:4px 4px 4px #666;}
 +
#zoom{position:absolute;width:254px;height:254px;border:3px solid #fff;left:-9999px;top:0;overflow:hidden;background:#fff;}
 +
#zoom img{position:relative;}
 +
</style>
 +
</head>
 +
 +
<script type="text/javascript">
 +
//<![CDATA[
 +
function zoomBox() {this.index.apply(this, arguments)}
 +
zoomBox.prototype = {
 +
    index: function(win,zoom) {
 +
        var win=document.getElementById(win);
 +
        var box=document.getElementById(zoom);
 +
        var img=box.getElementsByTagName('IMG')[0];
 +
        var zoom=img.width/win.getElementsByTagName('IMG')[0].width;
 +
        var z=Math.round(box.offsetWidth/2);
 +
        win.onmousemove=function (e){
 +
            e = e || window.event;
 +
            var x=e.clientX,y=e.clientY, ori=win.getBoundingClientRect();
 +
            if (x>ori.right+20||y>ori.bottom+20||x<ori.left-20||y<ori.top-20)box.style.display='none';
 +
            x-=ori.left;
 +
            y-=ori.top;
 +
            box.style.left=x-z+'px';
 +
            box.style.top=y-z+'px';
 +
            img.style.left=-x*zoom+z+'px';
 +
            img.style.top=-y*zoom+z+'px';
 +
        }
 +
        win.onmouseover=function (){box.style.display=''}
 +
    }
 +
};
 +
window.onload=function (){
 +
    x=new zoomBox('zoomPan','zoom')
 +
}
 +
//]]>
 +
</script>
 +
<style>
<style>
 +
a, a:visited {
 +
    color: #fff;
 +
}
#background{
#background{
-
  background-color: #EDFFFF;
+
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
    border: 3px solid #A1FFFF;
+
     float:left;
-
    margin:0;
+
     min-heiht:400px;
-
    padding:0;
+
     width: 1000px;
-
     float: left;
+
-
     min-height: 800px;
+
-
     width: 960px;
+
}
}
-
#sidebar {
+
#paragraphs {
-
   
+
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
     background-color:transportate;
+
-
    clear: both;
+
     float: left;
     float: left;
     height: auto;
     height: auto;
-
     width: 230px;
+
     padding-left: 80px;
-
     margin-bottom: 5px;
+
     padding-top: 10px;
-
     padding-bottom: 5px;
+
     padding-bottom: 10px;
 +
    width: 840px;
}
}
-
#paragraphs {
+
#background12{
-
     background-color: #EDFFFF;
+
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
    border: 3px solid #A1FFFF;
+
     float:left;
-
     float: right;
+
     heiht:auto;
-
     height: auto;
+
     width: 840px;
-
     margin-bottom: 5px;
+
     padding-left:80px;
-
     margin-top: 5px;
+
     padding-right:80px;
-
     padding-bottom: 5px;
+
     padding-bottom:10px;
-
     padding-top:10px;
+
-
    width: 710px;
+
}
}
</style>
</style>
-
<body>
+
 
-
<div id="background">
+
-
<center>
+
-
    <img width="960" height="300" src="#">
+
-
<p></p>
+
-
</center>
+
-
  <div id="sidebar">
+
<style>
<style>
-
*{ padding:0; margin:0; }
+
*{ margin:0; padding:0;}
-
.slider{line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; }
+
li,ul{ list-style:none}
 +
img{ border:none;}
 +
.item{float:left; width:190px; padding:0 10px; height:75px; overflow:hidden;}
 +
.item .item-t1{ height:190px; background:#7770B4;}
 +
.item .item-b1{ height:190px; background:#8CA6C0;}
 +
.item .item-t2{ height:190px; background:#FFD017;}
 +
.item .item-b2{ height:190px; background:#F3D972;}
 +
</style>
-
.slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff;  height:35px; line-height:35px;font-size: 20px;padding-left:50px;}
 
-
 
-
.slider dt.slider_open{background:##707070; color:# }
 
-
 
-
.slider dd{ display:none; background:#f1f1ea; height: auto; background:#111; border-bottom:1px dashed #fafafa; font-size: 18px;font-color:#fff}
 
-
 
-
.slider dd p{ padding:10px 20px; overflow:hidden;padding-left：40px； }
 
-
</style>
 
-
<script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
 
<script>
<script>
-
$(function(){
+
$(document).ready(function(){
-
//初始化变量
+
var changeH=$(".item-t1").outerHeight();//变化的高度
-
var flag = 0;
+
$(".itemwrap .item").each(function(index){
-
var $dt = $('.slider dt');
+
$(this).hover(function(){
-
var $dd = $('.slider dd');
+
//mouseenter代码段
-
//初始化状态
+
$(this).find(".item-t1").stop(true).animate({"margin-top":-changeH},300);
-
$dd.eq(0).show();
+
},function(){
-
$dt.eq(0).css('cursor','default');
+
//mouseleave代码段
-
//单击事件
+
$(this).find(".item-t1").stop(true).animate({"margin-top":0},300);
-
$dt.click(function(){
+
});
-
if($dt.index(this) == flag) return false;
+
-
flag = $dt.index(this);
+
})  
-
$dd.not($dd.eq(flag)).slideUp();
+
})
-
$dd.eq(flag).slideDown();
+
-
$dt.eq(flag).css('cursor','default').addClass('slider_open');
+
-
$dt.not($dt.eq(flag)).css('cursor','pointer').removeClass('slider_open');
+
-
  });
+
-
});
+
</script>
</script>
-
</head>
+
<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);
 +
});
 +
 +
})  
 +
})
 +
</script>
 +
 
<body>
<body>
-
<dl class="slider">
+
<div id="background">
-
<dt class="slider_open">Notebook</dt>
+
    <div id="paragraphs">
-
<dd>-<a href="#">Development of our team and Summer Fun</a><br>
+
        <div class="zoomPan" id="zoomPan">
-
            -<a href="#">Labnote</a><br>
+
        <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;">
-
            -<a href="#">Protocol</a><br></dd>
+
        <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>
-
<dt>In this page</dt>
+
        </div>
-
<dd>-<a href="#Week1">Week1</a><br>
+
    </div>
-
            -<a href="#Week2">Week2</a><br>
+
    <div id="background12">
-
            -<a href="#Week3">Week3</a><br>
+
         
-
            -<a href="#Week4">Week4</a><br>
+
          <div class="itemwrap">
-
            -<a href="#Week5">Week5</a><br>
+
          <div class="item">
-
            -<a href="#Week6">Week6</a><br>
+
  <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>
-
            -<a href="#Week7">Week7</a><br>
+
          <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>
-
            -<a href="#Week8">Week8</a><br>
+
          </div>
-
            -<a href="#Week9">Week9</a><br>
+
          </div>
-
            -<a href="#Week10">Week10</a><br>
+
-
            -<a href="#Week11">Week11</a><br>
+
          <div class="itemwrap">
-
            -<a href="#Week12">Week12</a><br>
+
          <div class="item">
-
            -<a href="#Week13">Week13</a><br>
+
  <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>
-
            -<a href="#Week14">Week14</a><br>
+
          <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>
-
            -<a href="#Week15">Week15</a><br>
+
          </div>
-
            -<a href="#Week16">Week16</a><br>
+
          </div>
-
            -<a href="#Week17">Week17</a><br></dd>
+
-
+
-
</dl>
+
-
</body>
+
-
  </div>
+
          <div class="itemwrap">
-
  <div id="paragraphs">
+
          <div class="item">
-
<p>
+
  <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>
-
<br>
+
          <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>
-
</p>
+
          </div>
-
<center>
+
          </div>
-
<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span>
+
-
</center>
+
-
<p>
+
-
<br>
+
-
</p>
+
-
<a name="Week1">
+
          <div class="itemwrap">
-
<h3>Week1</h3>
+
          <div class="item">
-
</a>
+
  <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>
-
<p></p>
+
          <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>
-
<a name=Week2">
+
    </div>
-
<h3>Week2</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week3">
+
-
<h3>Week3</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week4">
+
-
<h3>Week4</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week5">
+
-
<h3>Week5</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week6">
+
-
<h3>Week6</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week7">
+
-
<h3>Week7</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week8">
+
-
<h3>Week8</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week9">
+
-
<h3>Week9</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week10">
+
-
<h3>Week10</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week11">
+
-
<h3>Week11</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week12">
+
-
<h3>Week12</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week13">
+
-
<h3>Week13</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week14">
+
-
<h3>Week14</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week15">
+
-
<h3>Week15</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week16">
+
-
<h3>Week16</h3>
+
-
</a>
+
-
<p></p>
+
-
  </div>
+
</div>
</div>
</body>
</body>
 +
</html>
</html>
-
 
-
== '''Who we are''' ==
 
-
{|border = "0"
 
-
|-
 
-
|rowspan="3"|
 
-
 
-
 
-
 
-
 
-
 
-
'''Advisors:'''
 
-
 
-
*''' Advisor 1''':    Mentor for all
 
-
*'''Advisor 2''':      Our favorite
 
-
*'''Grad Student 1''':    Our leader 
 
-
 
-
 
-
'''Undergrads:'''
 
-
 
-
*'''Student 1''':    Sleepyhead
 
-
*'''Student 2''':    Math nerd
 
-
*'''Student 3''':    Is going to save the world
 
-
*'''Student 4''':    Loves iGEM
 
-
*'''Student 5''':  A normal student... or(r) am I?
 
-
*'''Student 6''':  Table football fan
 
-
*'''Student 7''':
 
-
 
-
 
-
|
 
-
<gallery>
 
-
Image:Example2_Team_member_1.png|Team member 1
 
-
Image:Example2_Team_member_2.png|Team member 2
 
-
Image:Example2_Team_member_3.png|Team member 3
 
-
Image:Example2_Team_member_4.png|Team member 4
 
-
Image:Example2_Team_member_5.png|Team member 5
 
-
Image:Example2_Team_member_6.png|Team member 6
 
-
Image:Example2_Team_member_7.png|Team member 7
 
-
</gallery>
 
-
|}
 
-
 
-
== '''What we did''' ==
 
-
 
-
(Provide proper attribution for all work)
 
-
 
-
 
-
== '''Where we're from''' ==
 
{{:Team：HZAU-China/background-footer}}
{{:Team：HZAU-China/background-footer}}
<br/>
<br/>

Latest revision as of 11:53, 20 September 2013


Retrieved from "http://2013.igem.org/Team:HZAU-China/Team"