Difference between revisions of "Team:SZU-China/Human Practices"
| Line 20: | Line 20: | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
| − | <div class="col-lg-4 col-md-10 offset- | + | <div class="col-lg-4 col-md-10 offset-2"> |
<div class="row"></div> | <div class="row"></div> | ||
<div class="text-center" style="overflow: hidden;width: 100%;height: 500px;padding-top: 20px" class="hh"> | <div class="text-center" style="overflow: hidden;width: 100%;height: 500px;padding-top: 20px" class="hh"> | ||
| Line 80: | Line 80: | ||
<div class="box small_dot"></div> | <div class="box small_dot"></div> | ||
<img src="https://static.igem.org/mediawiki/2018/0/00/T--SZU-China--HP-gif1.gif" id="gif_bg1" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px" /> | <img src="https://static.igem.org/mediawiki/2018/0/00/T--SZU-China--HP-gif1.gif" id="gif_bg1" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px" /> | ||
| − | <img src="https://static.igem.org/mediawiki/2018/2/26/T--SZU-China--HP-gif2.gif" id="gif_bg2" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px | + | <img src="https://static.igem.org/mediawiki/2018/2/26/T--SZU-China--HP-gif2.gif" id="gif_bg2" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px" /> |
| − | <img src="https://static.igem.org/mediawiki/2018/8/8c/T--SZU-China--HP-gif3.gif" id="gif_bg3" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px | + | <img src="https://static.igem.org/mediawiki/2018/8/8c/T--SZU-China--HP-gif3.gif" id="gif_bg3" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px" /> |
| − | <img src="https://static.igem.org/mediawiki/2018/a/ae/T--SZU-China--HP-gif4.gif" id="gif_bg4" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px | + | <img src="https://static.igem.org/mediawiki/2018/a/ae/T--SZU-China--HP-gif4.gif" id="gif_bg4" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px" /> |
| − | <img src="https://static.igem.org/mediawiki/2018/0/03/T--SZU-China--HP-gif5.gif" id="gif_bg5" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px | + | <img src="https://static.igem.org/mediawiki/2018/0/03/T--SZU-China--HP-gif5.gif" id="gif_bg5" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px" /> |
| − | <img src="https://static.igem.org/mediawiki/2018/f/fc/T--SZU-China--HP-gif6.gif" id="gif_bg6" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px | + | <img src="https://static.igem.org/mediawiki/2018/f/fc/T--SZU-China--HP-gif6.gif" id="gif_bg6" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px" /> |
<script> | <script> | ||
///新增 | ///新增 | ||
var i=1; | var i=1; | ||
| − | $(". | + | $(".row").click(function () { |
| Line 95: | Line 95: | ||
if(i==7) i=1; | if(i==7) i=1; | ||
$("#gif_bg"+i).show(); | $("#gif_bg"+i).show(); | ||
| − | $("#gif_bg"+i).attr("src","gif/gif"+i+".gif"); | + | if(i==1) |
| + | $("#gif_bg"+i).attr("src","https://static.igem.org/mediawiki/2018/0/00/T--SZU-China--HP-gif1.gif"); | ||
| + | if(i==2) | ||
| + | $("#gif_bg"+i).attr("src","https://static.igem.org/mediawiki/2018/2/26/T--SZU-China--HP-gif2.gif"); | ||
| + | if(i==3) | ||
| + | $("#gif_bg"+i).attr("src","https://static.igem.org/mediawiki/2018/8/8c/T--SZU-China--HP-gif3.gif"); | ||
| + | if(i==4) | ||
| + | $("#gif_bg"+i).attr("src","https://static.igem.org/mediawiki/2018/a/ae/T--SZU-China--HP-gif4.gif"); | ||
| + | if(i==5) | ||
| + | $("#gif_bg"+i).attr("src","https://static.igem.org/mediawiki/2018/0/03/T--SZU-China--HP-gif5.gif"); | ||
| + | if(i==6) | ||
| + | $("#gif_bg"+i).attr("src","https://static.igem.org/mediawiki/2018/f/fc/T--SZU-China--HP-gif6.gif"); | ||
}); | }); | ||
///新增 | ///新增 | ||
| Line 143: | Line 154: | ||
| − | <div class="col-lg-5 col-md-10 text-center"> | + | <div class="col-lg-5 col-md-10 text-center" style="padding-right: -200px !important;"> |
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px; color: white; font-size: 20px;" id="content1" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px; color: white; font-size: 20px;" id="content1" class="content1"> | ||
<div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | ||
| Line 242: | Line 253: | ||
| − | <script> | + | <script type="text/javascript"> |
| − | + | $(document).ready(function(){ | |
| + | ///新增 | ||
window.onload = function () { | window.onload = function () { | ||
$("#gif_bg2").hide(); | $("#gif_bg2").hide(); | ||
| Line 252: | Line 264: | ||
}; | }; | ||
///新增 | ///新增 | ||
| + | }); | ||
</script> | </script> | ||
| + | |||
Revision as of 14:42, 17 October 2018
Human Practices
At the beginning of 2018 SZU-China team, we had a brainstorming to decide our topic. We carried out three topics which were all close to daily lives and we didn’t know which to choose.
To strengthen the communication between iGEM and the public, we designed an applet named biocompany and post our ideas there. It’s a platform for the public to engage in the iGEM.
With the comments that people gave in Biocompany, we finally decided our project, cockroach terminator. For more details about our applet, please read our applet part.