Difference between revisions of "Team:SEU/Team"

Line 5: Line 5:
 
     <link href="https://2019.igem.org/Template:SEU/Home_CSS2?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
     <link href="https://2019.igem.org/Template:SEU/Home_CSS2?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
  
<style type="text/css">
+
<style type="text/css">
 +
 
 +
        /*标题样式*/
 
.img1{
 
.img1{
 
             display: block;
 
             display: block;
        }
+
}
 
+
 
         .img2{
 
         .img2{
 
             display: none;
 
             display: none;
Line 24: Line 25:
 
         }
 
         }
 
.img6{
 
.img6{
 +
            display: none;
 +
        }
 +
.img7{
 +
            display: block;
 +
        }
 +
.img8{
 +
            display: none;
 +
        }
 +
.img9{
 
             display: none;
 
             display: none;
 
         }
 
         }
Line 42: Line 52:
 
}
 
}
 
.w.p6{
 
.w.p6{
 +
display: none;
 +
}
 +
.w2.p7{
 +
display: block;
 +
}
 +
.w2.p8{
 +
display: none;
 +
}
 +
.w2.p9{
 
display: none;
 
display: none;
 
}
 
}
Line 58: Line 77:
 
                                   <div class="about-contentbox">
 
                                   <div class="about-contentbox">
 
                                       <div>
 
                                       <div>
<h>Team Member</h>
+
<h1>Team Member</h1>
 
<div class="imgBox">
 
<div class="imgBox">
<img id="." class="img-slide img1" src="https://static.igem.org/mediawiki/2019/8/84/T--SEU--additionSim.png" alt="1" >
+
<centre><img id="." class="img-slide img1" src="https://static.igem.org/mediawiki/2019/8/84/T--SEU--additionSim.png" width="650" height="341" alt="1" ></centre>
<img id="." class="img-slide img2" src="https://static.igem.org/mediawiki/2019/9/93/T--SEU--subtractionSim.png" alt="2" >
+
<centre><img id="." class="img-slide img2" src="https://static.igem.org/mediawiki/2019/9/93/T--SEU--subtractionSim.png" width="650" height="341"alt="2" ></centre>
<img id="." class="img-slide img3" src="img3.jpg" alt="3" >
+
<centre><img id="." class="img-slide img3" src="img1.jpg" width="650" height="341"alt="3" ></centre>
<img id="." class="img-slide img4" src="img4.jpg" alt="4" >
+
<centre><img id="." class="img-slide img4" src="img2.jpg" width="650" height="341"alt="4" ></centre>
<img id="." class="img-slide img5" src="img5.jpg" alt="5" >
+
<centre><img id="." class="img-slide img5" src="img3.jpg" width="650" height="341" alt="5" ></centre>
<img id="." class="img-slide img6" src="img6.jpg" alt="6" >
+
<centre><img id="." class="img-slide img6" src="img4.jpg"  width="650" height="341" alt="6" ></centre>
 
</div>
 
</div>
 
<div class="w p1">
 
<div class="w p1">
<h1>1</h1>
+
<h1>Yu Wang</h1>
<h2>11</h2>
+
<h2>STUDENTS</h2>
<p>1111111111</p>
+
<p>I major in information engineering in Southeast university. I have a high enthusiasm for biological subjects. Page editing and art designing are my jobs, and I like playing badminton and running in my spare time.</p>
 
</div>
 
</div>
 
<div class="w p2">
 
<div class="w p2">
<h1>2</h1>
+
<h1>Shuoyu Ma</h1>
<h2>22</h2>
+
<h2>STUDENTS</h2>
<p>222222222</p>
+
<p>I am a sophomore from Southeast University who major in Information Science and technology. My main job in the team is to edit the website. In my work, I am always full of motivation for my study and related work of iGEM. At the same time, in daily study, I am full of interest in biological science, hoping to combine it with information science, which is also my motivation to participate in the competition.</p>
 
</div>
 
</div>
 
<div class="w p3">
 
<div class="w p3">
<h1>3</h1>
+
<h1>Ziwen Ye</h1>
<h2>333</h2>
+
<h2>STUDENTS</h2>
<p>333333333</p>
+
<p>At present, I am a junior in Southeast university of China, majoring in information engineering.  In the team, I am mainly responsible for simulation and modeling. I am very happy to participate in this iGEM competition, and it is a novel experience for me. Taking part in this competition, I learned a lot about biology and the beauty of other subjects. I will try my best to do my job well and help the team to complete the task perfectly.</p>
 
</div>
 
</div>
 
<div class="w p4">
 
<div class="w p4">
 
<h1>4</h1>
 
<h1>4</h1>
<h2>44</h2>
+
<h2>STUDENTS</h2>
 
<p>44444</p>
 
<p>44444</p>
 
</div>
 
</div>
 
<div class="w p5">
 
<div class="w p5">
 
<h1>5</h1>
 
<h1>5</h1>
<h2>55</h2>
+
<h2>STUDENTS</h2>
 
<p>555555555555</p>
 
<p>555555555555</p>
 
</div>
 
</div>
 
<div class="w p6">
 
<div class="w p6">
 
<h1>6</h1>
 
<h1>6</h1>
<h2>66</h2>
+
<h2>STUDENTS</h2>
 
<p>6666666666</p>
 
<p>6666666666</p>
 
</div>
 
</div>
<button class="right" style="background:rgba(0, 0, 0, 0); font-family: white " onclick="ChangeImg()"> click</button>
+
<button class="right" style="background:rgba(0, 0, 0, 0); font-family: white " onclick="ChangeImgr1()"> clickr</button>
<button class=" left" style="background:rgba(0, 0, 0, 0) "onclick="ChangeImg()"> click</button>
+
<button class=" left" style="background:rgba(0, 0, 0, 0) "onclick="ChangeImgl1()"> clickl</button>
 +
<h1>Team leader</h1>
 +
<div class="imgBox">
 +
<centre><img id="." class="img-slide2 img7" src="img4.jpg"  width="650" height="341" alt="7" ></centre>
 +
<centre><img id="." class="img-slide2 img8" src="img3.jpg"  width="650" height="341" alt="8" ></centre>
 +
<centre><img id="." class="img-slide2 img9" src="img2.jpg"  width="650" height="341" alt="9" ></centre>
 +
</div>
 +
<div class="word">
 +
<div class="w2 p7">
 +
<h1>7</h1>
 +
<h2>PI</h2>
 +
<p>44444</p>
 +
</div>
 +
<div class="w2 p8">
 +
<h1>8</h1>
 +
<h2>AD</h2>
 +
<p>555555555555</p>
 +
</div>
 +
<div class="w2 p9">
 +
<h1>9</h1>
 +
<h2>IN</h2>
 +
<p>6666666666</p>
 +
</div>
 +
</div>
 +
<button class="right" style="background:rgba(0, 0, 0, 0); font-family: white " onclick="ChangeImgr2()"> clickr</button>
 +
<button class=" left" style="background:rgba(0, 0, 0, 0) "onclick="ChangeImgl2()"> clickl</button>
 
</div>
 
</div>
 
                                 </div>
 
                                 </div>
Line 114: Line 158:
 
<script>
 
<script>
 
var index=0;
 
var index=0;
function ChangeImg() {
+
var temp=0;
 +
function ChangeImgr1() {
 
index=index%6;
 
index=index%6;
 
index++;
 
index++;
Line 127: Line 172:
 
b[i].style.display='none';
 
b[i].style.display='none';
 
         }
 
         }
a[index-1].style.display='block';
+
a[index].style.display='block';
b[index-1].style.display='block';
+
b[index].style.display='block';
 +
    }
 +
function ChangeImgl1() {
 +
index--;
 +
if(index<=0) index=index+6;
 +
        var a=document.getElementsByClassName("img-slide");
 +
        if(index>=a.length) index=0;
 +
        for(var i=0;i<a.length;i++){
 +
            a[i].style.display='none';
 +
}
 +
var b=document.getElementsByClassName("w");
 +
        if(index>=b.length) index=0;
 +
        for(var i=0;i<b.length;i++){
 +
b[i].style.display='none';
 +
        }
 +
a[index].style.display='block';
 +
b[index].style.display='block';
 +
    }
 +
function ChangeImgr2() {
 +
temp=temp%3;
 +
temp++;
 +
        var a=document.getElementsByClassName("img-slide2");
 +
        if(temp>=a.length) temp=0;
 +
        for(var i=0;i<a.length;i++){
 +
            a[i].style.display='none';
 +
}
 +
var b=document.getElementsByClassName("w2");
 +
        if(temp>=b.length) temp=0;
 +
        for(var i=0;i<b.length;i++){
 +
b[i].style.display='none';
 +
        }
 +
a[temp].style.display='block';
 +
b[temp].style.display='block';
 +
    }
 +
function ChangeImgl2() {
 +
temp--;
 +
if(temp<=0) temp=temp+3;
 +
        var a=document.getElementsByClassName("img-slide2");
 +
        if(temp>=a.length) index=0;
 +
        for(var i=0;i<a.length;i++){
 +
            a[i].style.display='none';
 +
}
 +
var b=document.getElementsByClassName("w2");
 +
        if(temp>=b.length) temp=0;
 +
        for(var i=0;i<b.length;i++){
 +
b[i].style.display='none';
 +
        }
 +
a[temp].style.display='block';
 +
b[temp].style.display='block';
 
     }
 
     }
 
     //设置定时器,每隔两秒切换一张图片
 
     //设置定时器,每隔两秒切换一张图片
Line 134: Line 227:
 
</html>
 
</html>
 
</body>
 
</body>
 +
</html>
 +
 +
</script>
 
</html>
 
</html>

Revision as of 11:55, 5 October 2019





Team Member

1 2 3 4 5 6

Yu Wang

STUDENTS

I major in information engineering in Southeast university. I have a high enthusiasm for biological subjects. Page editing and art designing are my jobs, and I like playing badminton and running in my spare time.

Shuoyu Ma

STUDENTS

I am a sophomore from Southeast University who major in Information Science and technology. My main job in the team is to edit the website. In my work, I am always full of motivation for my study and related work of iGEM. At the same time, in daily study, I am full of interest in biological science, hoping to combine it with information science, which is also my motivation to participate in the competition.

Ziwen Ye

STUDENTS

At present, I am a junior in Southeast university of China, majoring in information engineering. In the team, I am mainly responsible for simulation and modeling. I am very happy to participate in this iGEM competition, and it is a novel experience for me. Taking part in this competition, I learned a lot about biology and the beauty of other subjects. I will try my best to do my job well and help the team to complete the task perfectly.

4

STUDENTS

44444

5

STUDENTS

555555555555

6

STUDENTS

6666666666

Team leader

7 8 9

7

PI

44444

8

AD

555555555555

9

IN

6666666666

</body> </html>

</script> </html>