Difference between revisions of "Team:China Tongji"

Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<!-- load css files -->
 +
<link href="https://2015.igem.org/Team:China_Tongji/flexSlider_css?action=raw&ctype=text/css" rel="stylesheet">
 
<style type="text/css">
 
<style type="text/css">
 
#content {
 
#content {
Line 143: Line 145:
 
</style>
 
</style>
 
</head>
 
</head>
−
 
 
<body onLoad="endTime()">
 
<body onLoad="endTime()">
 
<!--content start-->
 
<!--content start-->
Line 149: Line 150:
 
     <div id=mainContent>
 
     <div id=mainContent>
 
     <!-- maincontent start here -->
 
     <!-- maincontent start here -->
 +
        <!-- 图片轮 -->
 +
        <div class="fivePx"></div><div class="fivePx"></div>
 +
        <div id="banner_tabsHead" class="flexslider">
 +
            <ul class="slides">
 +
                <li style="position: absolute; left: 0px; top: 0px; display: list-item;">
 +
                    <a><img width="1000" height="400" alt="" style="background: url(https://static.igem.org/mediawiki/2015/a/a0/China-Tongji-home-teamMembers.jpg) no-repeat center;"></a>
 +
                </li>
 +
                <li style="position: absolute; left: 0px; top: 0px; display: none;">
 +
                    <a><img width="1000" height="400" alt="" style="background: url(https://static.igem.org/mediawiki/2015/6/67/China-Tongji-home-multiBug.jpg) no-repeat center;"></a>
 +
                </li>
 +
                <li style="position: absolute; left: 0px; top: 0px; display: none;">
 +
                    <a><img width="1000" height="400" alt="" style="background: url(https://static.igem.org/mediawiki/2015/9/9b/China-Tongji-home-takeBug.jpg) no-repeat center;"></a>
 +
                </li>
 +
                <li style="position: absolute; left: 0px; top: 0px; display: none;">
 +
                    <a><img width="1000" height="400" alt="" style="background: url(https://static.igem.org/mediawiki/2015/d/d5/China-Tongji-home-oneMicroscope.jpg) no-repeat center;"></a>
 +
                </li>
 +
                <li style="position: absolute; left: 0px; top: 0px; display: none;">
 +
                    <a><img width="1000" height="400" alt="" style="background: url(https://static.igem.org/mediawiki/2015/6/63/China-Tongji-home-oneBug.jpg) no-repeat center;"></a>
 +
                </li>
 +
            </ul>
 +
            <ul class="flex-direction-nav">
 +
                <li><a class="flex-prev" href="javascript:;">Previous</a></li>
 +
                <li><a class="flex-next" href="javascript:;">Next</a></li>
 +
            </ul>
 +
            <ol id="bannerCtrlHead" class="flex-control-nav flex-control-paging">
 +
                <li class="active"><a>1</a></li>
 +
                <li class=""><a>2</a></li>
 +
                <li class=""><a>3</a></li>
 +
                <li class=""><a>4</a></li>
 +
                <li class=""><a>5</a></li>
 +
            </ol>
 +
        </div>
 
         <!-- 滚动图片 -->
 
         <!-- 滚动图片 -->
 
       <div id="oneMorePic">
 
       <div id="oneMorePic">
Line 190: Line 223:
 
</div>
 
</div>
  
−
 
+
<!-- ------------javascript code ----------------- -->
 +
<!-- Load javascript code -->
 +
<script src="https://2015.igem.org/Team:China_Tongji/slider_js?action=raw"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
//文档就绪时触发
 
jQuery(document).ready(function($){
 
jQuery(document).ready(function($){
 
//修改导航栏中下拉菜单中a标签的href属
 
//修改导航栏中下拉菜单中a标签的href属
Line 199: Line 235:
 
$('#divTeam .navDrop .navTwo a').attr("href","https://2015.igem.org/Team:China_Tongji/Team");
 
$('#divTeam .navDrop .navTwo a').attr("href","https://2015.igem.org/Team:China_Tongji/Team");
 
$('#divOutreach .navDrop .navTwo a').attr("href","https://2015.igem.org/Team:China_Tongji/Outreach");
 
$('#divOutreach .navDrop .navTwo a').attr("href","https://2015.igem.org/Team:China_Tongji/Outreach");
 +
//head图片轮播
 +
$(function() {  //$(document).ready(function(){...})的简写形式
 +
var bannerSlider = new Slider($('#banner_tabsHead'), {
 +
time: 3000,
 +
delay: 400,
 +
event: 'hover',
 +
auto: true,
 +
mode: 'fade',
 +
controller: $('#bannerCtrlHead'),
 +
activeControllerCls: 'active'
 +
});
 +
$('#banner_tabsHead .flex-prev').click(function() {
 +
bannerSlider.prev()
 +
});
 +
$('#banner_tabsHead .flex-next').click(function() {
 +
bannerSlider.next()
 +
});
 +
});
 
//图片切换
 
//图片切换
 
$('#picPosition1').click(function(){
 
$('#picPosition1').click(function(){
Line 214: Line 268:
 
$('#oneMorePic').mouseover(function(){
 
$('#oneMorePic').mouseover(function(){
 
clearInterval(timer);
 
clearInterval(timer);
−
})
+
});
 
//鼠标离开图片后，继续自动切换
 
//鼠标离开图片后，继续自动切换
 
$('#oneMorePic').mouseleave(function(){
 
$('#oneMorePic').mouseleave(function(){
 
timer = setInterval('changePic()',intervalTimes);  
 
timer = setInterval('changePic()',intervalTimes);  
−
})
+
});
  
 
});
 
});
Line 236: Line 290:
 
picIndex = 1;}
 
picIndex = 1;}
 
}
 
}
−
var timer = setInterval('changePic()',intervalTimes); //自动切换图片
+
//自动切换图片
−
 
+
var timer = setInterval('changePic()',intervalTimes);  
 
//倒计时模块代码
 
//倒计时模块代码
 
var today;
 
var today;
Line 270: Line 324:
 
setTimeout('endTime()',1000);
 
setTimeout('endTime()',1000);
 
}
 
}
−
function checkTime(i) //个位数前加0
+
//个位数前加0
 +
function checkTime(i)  
 
{
 
{
 
if (i<10){
 
if (i<10){

Revision as of 13:34, 28 August 2015

0 days 00:00:00 left to iGEM 2015 Wiki Freeze!
Project
Notebook
Achivement
Outreach
Safety

Project Introduction

In our project, we will use the technology of optogenetic and use light of different wave produced by the special light source assembled by ourselves to control the moving of C.elegans, construct a movement controlling system and bulid an amusement park of C.elegans.

We will try to design our special parts and express channalrhodopsin in specific C.elegans' neurons. To accomplish our goals to express channalrhodopsin in single neuron, we make the use of cre- loxp system and the overlapping of promoters. We not only use the traditional channalrhodopsin,chR2,but also try to express the novel channelrhodopsin, Blink, and other fancy channelrhodopsins which have never been tested in C.elegans.

And we will also get some parts and assemble those parts into a new equipment which can serves as the light source of our experiment.Then we will use computer controlling that lightsource to change the light which can activate or suppress the channelrhodopsin. By doing that, we can try to control the behaviours of C.elegans such as moving forwards or twisting more effectively.

What's more,we will express GFP,YFP,mcherry in E.coli. By combining the color of microorgasims and C.elegans, we want to construct some interesting scenes to form a C.elegans' fancy world.

This technology will be helpful in the research on neuron's function and interaction. In the future, this technology may also be used in mechanical controlling system and the theraphy of movement defect.

Video Appreciation


Home| Project| Notebook| Achivement| Team| Outreach| Safety

Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu