Team:HZAU-China/Modeling

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team：HZAU-China/background-head}}
{{:Team：HZAU-China/background-head}}
 +
<html>
 +
<style>
 +
#background{
 +
  background-color: #EDFFFF;
 +
    border: 3px solid #A1FFFF;
 +
    margin:0;
 +
    padding:0;
 +
    float: left;
 +
    min-height: 800px;
 +
    width: 960px;
 +
}
 +
#sidebar {
 +
   
 +
    background-color:transportate;
 +
    clear: both;
 +
    float: left;
 +
    height: auto;
 +
    width: 230px;
 +
    margin-bottom: 5px;
 +
    padding-bottom: 5px;
 +
}
 +
#paragraphs {
 +
    background-color: #EDFFFF;
 +
    border: 3px solid #A1FFFF;
 +
    float: right;
 +
    height: auto;
 +
    margin-bottom: 5px;
 +
    margin-top: 5px;
 +
    padding-bottom: 5px;
 +
    padding-top:10px;
 +
    width: 710px;
 +
}
 +
h3{
 +
font-size:30px;
 +
}
 +
</style>
 +
<body>
 +
<div id="background">
 +
  <div id="sidebar">
 +
<style>
 +
*{ padding:0; margin:0; }
 +
.slider{line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; }
 +
.slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border-
 +
bottom:1px solid #fff;  height:30px; line-height:30px;font-size: 18px;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: 16px;font-color:#fff}
 +
 +
.slider dd p{ padding:10px 20px; overflow:hidden;padding-left：40px； }
 +
</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>
 +
<body>
 +
<dl class="slider">
 +
<dt class="slider_open">Modeling</dt>
 +
<dd>-<a href="#1">Introduction</a><br>
 +
            Modeling<br> 
 +
            -<a href="#2">Immune Accordingly</a><br>           
 +
            -<a href="#3">Logistic</a><br>
 +
            -<a href="#4">Cellular Automaton</a><br>
 +
            -<a href="#5">Reference</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%">Modeling</span>
 +
</center>
 +
              <a name="1"><h1>Introduction</h1></a>
 +
              <p>      </p>       
 +
             
 +
              <a><h1>Modeling</h1></a>
 +
              <a name="2"><h2>Immune Accordingly</h2></a>
 +
              <p>      </p>
 +
 +
              <a name="3"><h2>Logistic</h2></a>
 +
              <p>      </p>
 +
 +
              <a name="4"><h2>Cellular Automaton</h2></a>
 +
              <p>      </p>
 +
 
 +
              <a name="5"><h1>Reference</h1></a>
 +
              <p>      </p>
 +
 +
    </div>
 +
</div>
 +
</body>
 +
</html>
{{:Team：HZAU-China/background-footer}}
{{:Team：HZAU-China/background-footer}}
<br/>
<br/>

Revision as of 02:07, 23 July 2013



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