Team:HZAU-China/Team

From 2013.igem.org

(Difference between revisions)
Line 40: Line 40:
   <div id="sidebar">
   <div id="sidebar">
<style>
<style>
-
*{ padding:0; margin:0; }
+
*{margin:0px;padding:0px;}
-
.slider{line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; }
+
ul.menu,
-
 
+
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font-family:arial, sans-serif;}
-
.slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border-
+
ul.menu {z-index:100;padding:10px;margin:0 auto;}
-
 
+
ul.menu ul {z-index:50;
-
bottom:1px solid #fff; height:30px; line-height:30px;font-size: 18px;padding-left:50px;}
+
-webkit-transition: 0.5s;
-
 
+
-moz-transition: 0.5s;
-
.slider dt.slider_open{background:##707070; color:# }
+
-ms-transition: 0.5s;
-
 
+
-o-transition: 0.5s;
-
.slider dd{ display:none; background:#f1f1ea; height: auto; background:#111; border-bottom:1px
+
transition: 0.5s;
-
 
+
}
-
dashed #fafafa; font-size: 16px;font-color:#fff}
+
ul.menu li {line-height:30px;position:relative;text-indent:10px;}
-
 
+
ul.menu > li {margin-top:2px;font-size:12px;}
-
.slider dd p{ padding:10px 20px; overflow:hidden;padding-left：40px； }
+
ul.menu > li a {font:normal 12px/30px arial, sans-serif;color:#fff;text-decoration:none;}
 +
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>
-
<dl class="slider">
+
<ul class="menu">
-
<dt class="slider_open">Team</dt>
+
<li>
-
<dd>-<a href="#">Members and Instructors</a><br>
+
<input type="radio" name="tab1" id="tab1a" class="tabs">
-
            -<a href="#">Attributions</a><br>
+
<label for="tab1a" class="open" accesskey="2">
-
            -<a href="#">Sponsors</a><br></dd>
+
<a><span>Team</span></a>
-
<dt>In this page</dt>
+
</label>
-
<dd>  Members<br>
+
<input type="radio" name="tab1" id="tab1ac" class="tabs close">
-
            -<a href="#1">Xiong Le</a><br>
+
<label for="tab1ac" class="close" accesskey="3">
-
            -<a href="#2">Li Yunchuan</a><br>
+
-
            -<a href="#3">Zhang Shaowei</a><br>
+
</label>
-
            -<a href="#4">Zhou Xianlin</a><br>
+
<ul>
-
            -<a href="#5">Bai Tao</a><br>
+
<li><a href="#">-Members and Instructors</a></li>
-
            -<a href="#6">Tan Xin</a><br>
+
<li><a href="#">-Attributions</a></li>
-
            -<a href="#7">Wu Wei</a><br>
+
<li><a href="#">-Sponsors</a></li>
-
            -<a href="#8">Chen Jin</a><br>
+
</ul>
-
            -<a href="#9">Yang Mian</a><br>
+
</li>
-
            -<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>
+
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
 +
                <label for="tab1b" class="open" accesskey="4">
 +
                <span>Members</span></label>
 +
<input type="radio" name="tab1" id="tab1bc" class="tabs close">
 +
                <label for="tab1bc" class="close" accesskey="5"></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="tab1c" class="tabs">
 +
                <label for="tab1c" class="open" accesskey="6">
 +
                <a><span>Instructors</span></a></label>
 +
<input type="radio" name="tab1" id="tab1cc" class="tabs close">
 +
                <label for="tab1cc" class="close" accesskey="7"></label>
 +
<ul>
 +
      <li><a href="#">-Zhang Hongyu</a></li>
 +
      <li><a href="#">-Ma Binguang</a></li>
 +
</ul>
 +
</li>
 +
       
 +
</ul>
</body>
</body>

Revision as of 04:27, 23 July 2013


Members and Instructors


Members

Xiong Le

introduction

Li Yunchuan

introduction

Zhang Shaowei

introduction

Zhou Xianlin

introduction

Bai Tao

introduction

Tan Xin

introduction

Wu Wei

introduction

Chen Jing

introduction

Yang Mian

introduction

Luo Xudong

introduction

Tian Liu

introduction

Ding Linfeng

introduction

Liu Chang

introduction

Zhang Peijing

introduction

Hong Ping

introduction

Yi Jian

introduction

Instructors

Zhang Hongyu

introduction

Ma Binguang

introduction


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