Difference between revisions of "Team:Nankai/Collaborations"

Line 4: Line 4:
 
text-align: center;
 
text-align: center;
 
}
 
}
 +
*{margin:0;padding:0; list-style:none}
 +
body{ padding:30px; background:#f1f1f1; font-size:12px; font-family:"宋体"}
 +
.box{ width:500px; height:300px; border:1px solid #ce5825; margin:0 auto; padding:10px; background:#fbf0de}
 +
.box .nav{ width:500px; height:30px; border-bottom:1px solid #CF171A; padding-bottom:3px;}
 +
.nav li{ float:left; width:80px; height:30px; background:#dd7d4d; color:#fff; margin-right:5px; line-height:30px; text-align:center; cursor:pointer }
 +
.nav li.cur{ background:#791b1b}
 +
.box img{ width:438px; height:300px;}
 +
.list{ width:500px; height:265px; display:none; margin-top:4px; overflow:hidden;}
 +
.list_bd{ width:438px; height:265px; overflow:hidden; float:left;}
 +
.list_nav{ width:60px; height:265px; float:right}
 +
.list_nav li{ width:100%; height:40px; background:#bc5034; color:#fff; text-align:center; line-height:40px; margin-bottom:1px;}
 +
.list_nav li.cur{ background:#791b1b}
 +
.show{ display:block;}
 +
.hide{ display:none;}
 
</style>
 
</style>
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/miscCSS?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/miscCSS?action=raw&ctype=text/css" />
Line 14: Line 28:
 
<h2 id="c" style="font-family: 'Times New Roman'; font-style: normal; font-weight: 400; font-size: 40px;"><strong> Collaborations</strong></h2>
 
<h2 id="c" style="font-family: 'Times New Roman'; font-style: normal; font-weight: 400; font-size: 40px;"><strong> Collaborations</strong></h2>
  
−
<p>
+
<script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Collaborations/global?action=raw&ctype=text/javascript"></script>
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
<script type="text/javascript">
−
</p>
+
window.onload = function(){
 +
var aDiv = getClass(document,'.list');
 +
var oUl = getClass(document,'.nav')[0],
 +
  aBtn = getTagName(oUl,'li');  
 +
var timer = null,t = 0,b = 0;
 +
 +
fnAutoPlay(aDiv[0])
 +
function fnAutoPlay(e,n){
 +
var aLi = getTagName(e,'li'),
 +
aP = getTagName(e,'p');
 +
var n = n||0;
 +
fnActive(aLi,aP,n%aLi.length)
 +
timer = setInterval(function(){
 +
n++
 +
b = n
 +
fnActive(aLi,aP,n%aLi.length)
 +
if(n%aLi.length === 0){
 +
clearInterval(timer)
 +
t++
 +
fnActive(aBtn,aDiv,t%aDiv.length)
 +
fnAutoPlay(aDiv[t%aDiv.length])
 +
}
 +
},1000)
 +
}
 +
 +
for(var i = 0; i < aDiv.length; i++){
 +
fnMouse(aDiv[i])
 +
}
 +
function fnMouse(e){
 +
var aLi = getTagName(e,'li'),
 +
aP = getTagName(e,'p'),
 +
aImg = getTagName(e,'img');
 +
for(var i = 0; i < aLi.length; i++){
 +
(function(index){
 +
aP[index].onmouseover = aLi[index].onmouseover = function(){
 +
clearInterval(timer)
 +
fnActive(aLi,aP,index)
 +
}
 +
aP[index].onmouseout = aLi[index].onmouseout = function(){
 +
fnAutoPlay(e,index)
 +
}
 +
})(i)
 +
}
 +
}
 +
 +
function fnActive(ele,ele2,n){
 +
for(var i = 0 ; i < ele.length; i++) {
 +
ele[i].className = ''
 +
ele2[i].style.display = 'none'
 +
}
 +
ele[n].className = 'cur'
 +
ele2[n].style.display = 'block'
 +
}
 +
for(var i = 0; i < aBtn.length; i++){
 +
(function(index){
 +
aBtn[index].onmouseover = function(){
 +
clearInterval(timer)
 +
if(aBtn[index].className != 'cur'){
 +
b = 0
 +
var aLi = getTagName(aDiv[index],'li')
 +
var  aP = getTagName(aDiv[index],'p')
 +
fnActive(aLi,aP,b)
 +
}
 +
fnActive(aBtn,aDiv,index)
 +
}
 +
aBtn[index].onmouseout = function(){
 +
fnAutoPlay(aDiv[index],b)
 +
t = index
 +
}
 +
})(i)
 +
}
 +
}
 +
</script>
  
−
<div class="highlightBox">
+
<body>
−
 
+
<div id="wrap" class="box">  
−
<h4> Which other teams can we work with? </h4>
+
    <ul class="nav">
−
<p>  
+
        <li class='cur'>图画一</li>
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
            <li>图画二</li>
−
</p>
+
            <li>图画三</li>
−
 
+
        </ul> 
−
<p>
+
                                           
−
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
        <div class="list show">
−
</p>
+
            <ul class="list_nav">
−
</div>
+
                <li class="cur">1</li>
−
 
+
                <li>2</li>
−
<p>
+
                <li>3</li>
−
Here are some suggestions for projects you could work on with other teams:
+
            </ul>
−
</p>
+
            <div class="list_bd">
−
 
+
                <p><img src="images/1.jpg" /></p>
−
<ul>
+
                <p><img src="images/2.jpg" /></p>
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
                <p><img src="images/3.jpg" /></p>
−
<li> Characterize another team's part </li>
+
            </div>           
−
<li> Debug a construct </li>
+
        </div>              
−
<li> Model or simulating another team's system </li>
+
        <div class="list">
−
<li> Test another team's software</li>
+
            <ul class="list_nav">
−
<li> Help build and test another team's hardware project</li>
+
                <li class="cur">1</li>
−
<li> Mentor a high-school team</li>
+
                <li>2</li>
−
</ul>
+
                <li>3</li>
−
 
+
                <li>4</li>
−
 
+
            </ul>
−
 
+
            <div class="list_bd">
−
</div>
+
                <p><img src="images/4.jpg" /></p>
 +
                <p><img src="images/5.jpg" /></p>
 +
                <p><img src="images/4.jpg" /></p>
 +
                <p><img src="images/5.jpg" /></p>
 +
            </div>           
 +
        </div>
 +
        <div class="list">
 +
            <ul class="list_nav">
 +
                <li class="cur">1</li>
 +
                <li>2</li>
 +
                <li>3</li>
 +
                <li>4</li>
 +
            </ul>
 +
            <div class="list_bd">
 +
                <p><img src="images/3.jpg" /></p>
 +
                <p><img src="images/2.jpg" /></p>
 +
                <p><img src="images/5.jpg" /></p>
 +
                <p><img src="images/4.jpg" /></p>
 +
            </div>           
 +
        </div>       
 +
</body>
 
</html>
 
</html>
 
{{Nankai}}
 
{{Nankai}}

Revision as of 04:17, 9 August 2015

 

 

Your place: Collaborations

Collaborations

  • 图画一
  • 图画二
  • 图画三
  • 1
  • 2
  • 3

  • 1
  • 2
  • 3
  • 4

  • 1
  • 2
  • 3
  • 4

Medigo Blue, free responsive template