@@ Line 1: / Line 1: @@
 {{:Team：HZAU-China/background-head}}
 <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>
+a, a:visited {
+    color: #fff;
+}
 #background{
-     background-color: #EDFFFF;
+     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-    margin:0;
+     float:left;
-    padding:0;
+     min-heiht:400px;
-     float: left;
+     width: 1000px;
-     min-height: 800px;
-     width: 960px;
 }
-#sidebar {
+#paragraphs {
+     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-     background-color:transparent;
-    clear: both;
      float: left;
      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>
-<body>
-<div id="background">
-<center>
-    <img width="960" height="300" src="https://static.igem.org/mediawiki/2012/5/59/My_school.JPG">
-<p></p>
-</center>
-  <div id="sidebar">
 <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;}
-.slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border-
+.item{float:left; width:190px; padding:0 10px; height:75px; overflow:hidden;}
+.item .item-t1{ height:190px; background:#7770B4;}
-bottom:1px solid #fff;  height:35px; line-height:35px;font-size: 20px;padding-left:50px;}
+.item .item-b1{ height:190px; background:#8CA6C0;}
+.item .item-t2{ height:190px; background:#FFD017;}
-.slider dt.slider_open{background:##707070; color:# }
+.item .item-b2{ height:190px; background:#F3D972;}
-.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-
-.4.2.min.js"></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();
+</script>
- $dt.eq(flag).css('cursor','default').addClass('slider_open');
+<script>
-$dt.not($dt.eq(flag)).css('cursor','pointer').removeClass('slider_open');
+$(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>
-</head>
-<body>
-<dl class="slider">
-	<dt class="slider_open">Team</dt>
-	<dd>-<a href="#">Members and Instructors</a><br>
-            -<a href="#">Attributions</a><br>
-            -<a href="#">Sponsors</a><br></dd>
-	<dt>In this page</dt>
-	<dd>  Members<br>
-            -<a href="#1">Xiong Le</a><br>
-            -<a href="#2">Li Yunchuan</a><br>
-            -<a href="#3">Zhang Shaowei</a><br>
-            -<a href="#4">Zhou Xianlin</a><br>
-            -<a href="#5">Bai Tao</a><br>
-            -<a href="#6">Tan Xin</a><br>
-            -<a href="#7">Wu Wei</a><br>
-            -<a href="#8">Chen Jin</a><br>
-            -<a href="#9">Yang Mian</a><br>
-            -<a href="#10">Luo Xudong</a><br>
-            -<a href="#11">Tian Liu</a><br>
-            -<a href="#12">Ding Linfeng</a><br>
-            -<a href="#13">Liu Chang</a><br>
-            -<a href="#14">Zhang Peijing</a><br>
-            -<a href="#15">Hong Ping</a><br>
-            -<a href="#16">Yi Jian</a><br>
-              Instructors<br>
-            -<a href="#17">Zhang Hongyu</a><br>
-            -<a href="#18">Ma Binguang</a><br>
-         </dd>
-</dl>
-</body>
-   </div>
-   <div id="paragraphs">
-<p>
-<br>
-</p>
-<center>
-<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span>
-</center>
-<p>
-<br>
-</p>
-<style>
-table {
-    background:#EDFFFF;
-    font-size: 100%;
-}
-h1 {
-    font-size: 200%;
-}
-h3{
-    font-size: 200%;
-    font-family: "Verdana",sans-serif;
-}
-h5{
-    color: #B22222;
-    font-family: Signika;
-    font-size: 12pt;
-    text-align: left;
-    text-decoration: none;
-    text-transform: none;
-}
-h3, h4, h5, h6 {
-    border-bottom: medium none;
-    font-weight: bold;
-}
-h1, h2, h3, h4, h5, h6 {
-    background:transparent;
-    color: black;
-    font-weight: normal;
-    margin: 0;
-    padding-bottom: 0.17em;
-    padding-top: 0.5em;
-}
-td {
-    font-family: Signika;
-    font-size: 15pt;
-    padding-right: 10px;
-    text-align: left;
-    vertical-align: top;
-}
-tr {
-    vertical-align: top;
-}
-</style>
 <body>
+<div id="background">
+    <div id="paragraphs">
+        <div class="zoomPan" id="zoomPan">
+        <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/a/ae/%E7%85%A7%E7%89%87%E6%94%B9_-%E5%8A%A0%E5%AE%BD.png" width="3500px;"></div>
+        </div>
+    </div>
+    <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>
+          <div class="itemwrap">
-    <h1>Team</h1>
+          <div class="item">
-    <table>
+	  <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>
-        <tbody>
+          <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>
-            <tr>
+          </div>
-              <td>
+          </div>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="1"><h3>Xiong Le</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-              <tr>
+          <div class="itemwrap">
-              <td>
+          <div class="item">
-                   <img width="170px" height="170px"
+	  <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>
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+          <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>
-              </td>
+          </div>
-              <td>
+          </div>
-                   <a name="2"><h3>Li Yunchuan</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-              <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="3"><h3>Zhang Shaowei</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-              <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="4"><h3>Zhou Xianlin</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-              <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="5"><h3>Bai Tao</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-             <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="6"><h3>Tan Xin</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="7"><h3>Wu Wei</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="8"><h3>Chen Jing</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="9"><h3>Yang Mian</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="10"><h3>Luo Xudong</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="11"><h3>Tian Liu</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="12"><h3>Ding Linfeng</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="13"><h3>Liu Chang</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="14"><h3>Zhang Peijing</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="15"><h3>Hong Ping</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="16"><h3>Yi Jian</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-        </tbody>
-        </table>
+     </div>
 </div>
+</body>
-<div>
-    <h1>Instructors</h1>
-    <table>
-        <tbody>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="17"><h3>Zhang Hongyu</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-            <tr>
-              <td>
-                   <img width="170px" height="170px"
-src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
-              </td>
-              <td>
-                   <a name="18"><h3>Ma Binguang</h3></a>
-                   <p>introduction </p>
-              </td>
-            <tr>
-        </tbody>
-        </table>
-</div>
-   </div>
-</div>
-</body>
 </html>
 {{:Team：HZAU-China/background-footer}}
 <br/>

Team:HZAU-China/Team

From 2013.igem.org

Latest revision as of 11:53, 20 September 2013