|
|
| Line 1: |
Line 1: |
| | {{:Team：HZAU-China/background-head}} | | {{:Team：HZAU-China/background-head}} |
| | + | |
| | <html> | | <html> |
| | <style> | | <style> |
| | #background{ | | #background{ |
| - | background-color: #EDFFFF;
| + | background-color: #EDFFFF; |
| | + | |
| | margin:0; | | margin:0; |
| | padding:0; | | padding:0; |
| Line 12: |
Line 14: |
| | #sidebar { | | #sidebar { |
| | | | |
| - | background-color:transparent; | + | background-color:transportate; |
| | clear: both; | | clear: both; |
| | float: left; | | float: left; |
| Line 30: |
Line 32: |
| | padding-top:10px; | | padding-top:10px; |
| | width: 710px; | | width: 710px; |
| | + | } |
| | + | |
| | + | h1,h3{ |
| | + | font-size:200%; |
| | + | font-weight: normal; |
| | } | | } |
| | </style> | | </style> |
| | <body> | | <body> |
| | <div id="background"> | | <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"> | | <div id="sidebar"> |
| | <style> | | <style> |
| - | *{margin:0px;padding:0px;} | + | *{ padding:0; margin:0; } |
| - | ul.menu,
| + | .slider{line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; } |
| - | ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font-family:arial, sans-serif;}
| + | |
| - | ul.menu {z-index:100;padding:10px;margin:0 auto;}
| + | .slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border- |
| - | ul.menu ul {z-index:50;
| + | |
| - | -webkit-transition: 0.5s;
| + | bottom:1px solid #fff; height:30px; line-height:30px;font-size: 18px;padding-left:50px;} |
| - | -moz-transition: 0.5s;
| + | |
| - | -ms-transition: 0.5s;
| + | .slider dt.slider_open{background:##707070; color:# } |
| - | -o-transition: 0.5s;
| + | |
| - | transition: 0.5s;
| + | .slider dd{ display:none; background:#f1f1ea; height: auto; background:#111; border-bottom:1px |
| - | }
| + | |
| - | ul.menu li {line-height:30px;position:relative;text-indent:10px;}
| + | dashed #fafafa; font-size: 16px;font-color:#fff} |
| - | ul.menu > li {margin-top:2px;font-size:12px;}
| + | |
| - | ul.menu > li a {font:normal 12px/30px arial, sans-serif;color:#fff;text-decoration:none;}
| + | .slider dd p{ padding:10px 20px; overflow:hidden;padding-left：40px； } |
| - | ul.menu label.open {display:block;background:#c00 no-repeat 170px 12px;line-height:30px;position:relative;z-index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
| + | |
| - | ul.menu label.open b {color:#ff0;}
| + | |
| - | ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;}
| + | |
| - | ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
| + | |
| - | ul.menu ul li {margin-top:-30px;
| + | |
| - | -webkit-transition: 0.5s;
| + | |
| - | -moz-transition: 0.5s;
| + | |
| - | -ms-transition: 0.5s;
| + | |
| - | -o-transition: 0.5s;
| + | |
| - | transition: 0.5s;
| + | |
| - | }
| + | |
| - | ul.menu ul li a {display:block;font:normal 11px/30px arial, sans-serif;color:#000;background:#ccc;}
| + | |
| - | ul.menu ul li a:hover {background:#ddd;}
| + | |
| - | ul.menu input {position:absolute;left:-9999px;}
| + | |
| - | ul.menu li input:checked + label {background:#069;}
| + | |
| - | ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;}
| + | |
| - | ul.menu li input:checked ~ ul li {margin-top:0;}
| + | |
| - | ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif") no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}
| + | |
| - | ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;}
| + | |
| - | ul.menu input.close:checked + label.close {display:none;}
| + | |
| - | ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;}
| + | |
| - | ul.menu input.close:checked ~ ul li {margin-top:-30px;}
| + | |
| | </style> | | </style> |
| | + | <script> |
| | + | $(function(){ |
| | + | //初始化变量 |
| | + | var flag = 0; |
| | + | var $dt = $('.slider dt'); |
| | + | var $dd = $('.slider dd'); |
| | + | //初始化状态 |
| | + | $dd.eq(0).show(); |
| | + | $dt.eq(0).css('cursor','default'); |
| | + | //单击事件 |
| | + | $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> |
| | </head> | | </head> |
| | <body> | | <body> |
| - | <ul class="menu"> | + | <dl class="slider"> |
| - | <li> | + | <dt class="slider_open">Modeling</dt> |
| - | <input type="radio" name="tab1" id="tab1a" class="tabs">
| + | < dd> -<a href="# 1"> Introduction</a>< br> |
| - | <label for="tab1a" class="open" accesskey="2">
| + | Modeling<br> |
| - | <a><span>Team</span></a>
| + | -<a href="#2"> Immune Accordingly</a>< br> |
| - | </label>
| + | -<a href="#3"> Logistic</a>< br> |
| - | <input type="radio" name="tab1" id="tab1ac" class="tabs close">
| + | -<a href="#4"> Cellular Automaton</a>< br> |
| - | <label for="tab1ac" class="close" accesskey="3">
| + | -<a href="#5"> Reference</a>< br></ dd> |
| - |
| + | </dl> |
| - | </label>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#"> -Members and Instructors</a>< /li> | + | |
| - | <li><a href="#">-Attributions</a></li>
| + | |
| - | <li><a href="#">-Sponsors</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li>
| + | |
| - | <input type="radio" name="tab1" id="tab1a" class="tabs">
| + | |
| - | <label for="tab1a" class="open" accesskey="2">
| + | |
| - | <span>Members</span>
| + | |
| - | </label>
| + | |
| - | <input type="radio" name="tab1" id="tab1ac" class="tabs close">
| + | |
| - | <label for="tab1ac" class="close" accesskey="3">
| + | |
| - |
| + | |
| - | </label>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#1">Xiong Le</a></li>
| + | |
| - | <li><a href="#2"> Li Yunchuan</a>< /li> | + | |
| - | <li><a href="#3"> Zhang Shaowei</a>< /li> | + | |
| - | <li><a href="#4"> Zhou Xianlin</a>< /li> | + | |
| - | <li><a href="#5"> Bai Tao</a>< /li> | + | |
| - | <li><a href="#6">Tan Xin</a></li>
| + | |
| - | <li><a href="#7">Wu Wei</a></li>
| + | |
| - | <li><a href="#8">Chen Jin</a></li>
| + | |
| - | <li><a href="#9">Yang Mian</a></li>
| + | |
| - | <li><a href="#10">Luo Xudong</a></li>
| + | |
| - | <li><a href="#11">Tian Liu</a></li>
| + | |
| - | <li><a href="#12">Ding Linfeng</a></li>
| + | |
| - | <li><a href="#13">Liu Chang</a></li>
| + | |
| - | <li><a href="#14">Zhang Peijing</a></li>
| + | |
| - | <li><a href="#15">Hong Ping</a></li>
| + | |
| - | <li><a href="#16">Yi Jian</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <input type="radio" name="tab1" id="tab1a" class="tabs">
| + | |
| - | <label for="tab1a" class="open" accesskey="2">
| + | |
| - | <a><span>Instructors</span></a>
| + | |
| - | </label>
| + | |
| - | <input type="radio" name="tab1" id="tab1ac" class="tabs close">
| + | |
| - | <label for="tab1ac" class="close" accesskey="3">
| + | |
| - |
| + | |
| - | </label>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#">-Zhang Hongyu</a></li>
| + | |
| - | <li><a href="#">-Ma Binguang</a></li>
| + | |
| - | <li><a href="#">-Sponsors</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | </ul> | + | |
| | </body> | | </body> |
| | | | |
| Line 148: |
Line 98: |
| | </p> | | </p> |
| | <center> | | <center> |
| - | <span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Members and Instructors</span> | + | <span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Modeling</span> |
| | </center> | | </center> |
| - | <p> | + | <a name="1"><h1>Introduction</h1></a> |
| - | <br> | + | <p> </p> |
| - | </p> | + | |
| - | <style> | + | <a><h1>Modeling</h1></a> |
| - | table {
| + | <a name="2"><h3>Immune Accordingly</h3></a> |
| - | background:transparent;
| + | <p> </p> |
| - | font-size: 100%;
| + | |
| - | }
| + | |
| - | h1 { | + | |
| - | color: #000;
| + | |
| - | font-family: Signika;
| + | |
| - | font-size: 20pt;
| + | |
| - | text-align: left;
| + | |
| - | text-decoration: none;
| + | |
| - | text-transform: none;
| + | |
| - | }
| + | |
| - | h3{
| + | |
| - | font-size: 100%;
| + | |
| - | font-family: "Verdana",sans-serif;
| + | |
| - | border-bottom: medium none;
| + | |
| - | font-weight: bold;
| + | |
| - | }
| + | |
| - | h1, h3, {
| + | |
| - | background:transparent;
| + | |
| - | color: black;
| + | |
| - | font-weight: normal;
| + | |
| - | margin: 0;
| + | |
| - | padding-bottom: 0.17em;
| + | |
| - | padding-top: 0.5em;
| + | |
| - | }
| + | |
| - | td {
| + | |
| - | font-family: Signika;
| + | |
| - | font-size: 20pt;
| + | |
| - | padding-right: 10px;
| + | |
| - | text-align: left;
| + | |
| - | vertical-align: top;
| + | |
| - | }
| + | |
| - | tr {
| + | |
| - | vertical-align: top;
| + | |
| - | }
| + | |
| - | </style> | + | |
| - | <body> | + | |
| | | | |
| - | <div>
| + | <a name=" 3"><h3> Logistic</h3></a> |
| - | <h1>Members</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=" 1"><h3> Xiong Le</h3></a> | + | |
| - | | + | |
| - | </td>
| + | |
| - | <tr>
| + | |
| | | | |
| - | <tr>
| + | <a name="4"><h3>Cellular Automaton</h3></a> |
| - | <td>
| + | <p> </p> |
| - | <img width="170px" height="170px"
| + | |
| - | src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
| + | <a name=" 5">< h1> Reference</ h1></a> |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a name=" 2">< h3> Li Yunchuan</ h3></a> | + | |
| - | | + | |
| - | </td>
| + | |
| - | <tr>
| + | |
| | | | |
| - | <tr>
| + | </div> |
| - | <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>
| + | |
| - | <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> | | </div> |
| | </body> | | </body> |
"
