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"> | |
+ | |||
+ | /*标题样式*/ | ||
.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> | ||
− | < | + | <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=" | + | <centre><img id="." class="img-slide img3" src="img1.jpg" width="650" height="341"alt="3" ></centre> |
− | <img id="." class="img-slide img4" src=" | + | <centre><img id="." class="img-slide img4" src="img2.jpg" width="650" height="341"alt="4" ></centre> |
− | <img id="." class="img-slide img5" src=" | + | <centre><img id="." class="img-slide img5" src="img3.jpg" width="650" height="341" alt="5" ></centre> |
− | <img id="." class="img-slide img6" src=" | + | <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> | + | <h1>Yu Wang</h1> |
− | <h2> | + | <h2>STUDENTS</h2> |
− | <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> | + | <h1>Shuoyu Ma</h1> |
− | <h2> | + | <h2>STUDENTS</h2> |
− | <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> | + | <h1>Ziwen Ye</h1> |
− | <h2> | + | <h2>STUDENTS</h2> |
− | <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> | + | <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> | + | <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> | + | <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=" | + | <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=" | + | <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 | + | 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- | + | a[index].style.display='block'; |
− | b[index- | + | 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
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
PI
44444
8
AD
555555555555
9
IN
6666666666
</script> </html>