"
Team:ZJU-China
From 2011.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
| + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> | ||
<style type="text/css"> | <style type="text/css"> | ||
| Line 96: | Line 97: | ||
} | } | ||
div #flash1{ | div #flash1{ | ||
| - | width: | + | width:auto; |
| - | height: | + | height:auto; |
margin-left:20px; | margin-left:20px; | ||
background-color:transparent; | background-color:transparent; | ||
| Line 310: | Line 311: | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
| + | #banner {position:relative; width:930px; height:325px; border:1px solid #666; overflow:hidden;} | ||
| + | #banner_list img {border:0px;width:930px; height:325px;} | ||
| + | #banner ul { | ||
| + | position:absolute; | ||
| + | list-style-type:none; | ||
| + | filter: Alpha(Opacity=80); | ||
| + | opacity:0.8; | ||
| + | border:1px solid #fff; | ||
| + | z-index:1002; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | bottom:42px; | ||
| + | right:11px; | ||
| + | width: 153px; | ||
| + | height: 27px; | ||
| + | } | ||
| + | #banner ul li { padding:4px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer} | ||
| + | #banner ul li.on { background:#900} | ||
| + | #banner_list a{ | ||
| + | position:absolute; | ||
| + | left: 1px; | ||
| + | top: 0px; | ||
| + | height: 240px; | ||
| + | } 让四张图片都可以重叠在一起 | ||
| Line 319: | Line 344: | ||
<div id="contentwrapper"> | <div id="contentwrapper"> | ||
<div class="block" id="flash1"> | <div class="block" id="flash1"> | ||
| - | < | + | <script type="text/javascript"> |
| - | + | var t = n = 0, count; | |
| - | + | $(document).ready(function(){ | |
| - | + | count=$("#banner_list a").length; | |
| - | + | $("#banner_list a:not(:first-child)").hide(); | |
| - | + | $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt')); | |
| - | + | $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")}); | |
| - | + | $("#banner li").click(function() { | |
| - | + | var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4 | |
| - | + | n = i; | |
| - | + | if (i >= count) return; | |
| - | + | $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt')); | |
| - | + | $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")}) | |
| - | + | $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000); | |
| - | + | document.getElementById("banner").style.background=""; | |
| - | + | $(this).toggleClass("on"); | |
| - | + | $(this).siblings().removeAttr("class"); | |
| - | + | }); | |
| - | + | t = setInterval("showAuto()", 4000); | |
| - | + | $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);}); | |
| - | + | }) | |
| - | + | ||
| - | + | function showAuto() | |
| - | + | { | |
| - | + | n = n >=(count - 1) ? 0 : ++n; | |
| - | + | $("#banner li").eq(n).trigger('click'); | |
| - | + | } | |
| - | + | </script> | |
| - | + | <div id="banner"> | |
| - | + | <div id="banner_bg"></div> <!--标题背景--> | |
| - | + | <div id="banner_info"></div> <!--标题--> | |
| - | + | <ul> | |
| - | + | <li class="on">1</li> | |
| - | < | + | <li>2</li> |
| - | + | <li>3</li> | |
| - | + | <li>4</li> | |
| - | + | <li>5</li> | |
| - | </div> | + | <li>6</li> |
| - | + | </ul> | |
| - | + | <div id="banner_list"> | |
| + | <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/e/e2/Zju-h1.jpg" title="" alt="" /></a> | ||
| + | <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/0/00/Zju-h2.jpg" title="" alt="" /></a> | ||
| + | <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/5/54/Zju-h3.jpg" title="" alt="" /></a> | ||
| + | <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/7/7f/Zju-h4.jpg" title="" alt="" /></a> | ||
| + | <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/8/86/Zju-h5.jpg" title="" alt="" /></a> | ||
| + | <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/7/76/Zju-h6.jpg" title="" alt="" /></a> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!----------main--------------> | ||
<div class="main"> | <div class="main"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | + | <div class="block" id="project"> | |
<div class="blocktop"></div> | <div class="blocktop"></div> | ||
<div class="blockcontent"> | <div class="blockcontent"> | ||
| Line 404: | Line 413: | ||
<div class="blockbottom"></div> | <div class="blockbottom"></div> | ||
</div> | </div> | ||
| + | <div class="block sidebar" id="hp"> | ||
| + | <div class="sidebartop"></div> | ||
| + | <div class="blockcontent"> | ||
| + | <h1>Human Practice</h1> | ||
| + | <hr/> | ||
| + | </div> | ||
| + | <div class="links"> | ||
| + | <a href="#top">Top</a> · | ||
| + | <a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook page</a> | ||
| + | |||
| + | </div> | ||
| + | <div class="sidebarbottom"></div> | ||
| + | </div> | ||
<div class="block" id="team"> | <div class="block" id="team"> | ||
<div class="blocktop"></div> | <div class="blocktop"></div> | ||
Revision as of 23:36, 5 October 2011
Loading, Please Wait..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 1
- 2
- 3
- 4
- 5
- 6
Project
Rainbofilm is a stratified expression system in biofilm, a self-organized module extensible for various needs. Researchers found a vertical oxygen gradient establishes in the biofilm. Such property allows us to use oxygen sensitive promoters to artificially induce differentiated functions through the spatial distribution of cells. Thus, the multi-step reaction can be processed within the different layers of the biofilm.
The biofilm and its layered structure form spontaneously. Also biofilm has the natural resistance to high levels of toxin. These two properties render the Rainbofilm a convenient stable system for bio-production and bio-sensor. The system can cater to different needs simply by changing downstream genes. One possible application is ethanol production. The cellulose is degraded to monose from the bottom to the middle layer, and the ethanol is produced and secreted in the surface to minimize the toxicity to the inner cells.
Team
We are a young and happy team of 13 scientists and engineers from very diverse backgrounds.Although this is our first year working on a wet lab project and biofilm experiments are new to us, we're currently taking great efforts to build the whole system for experiments.Our team progress and more info will be frequently updated so that our iGEM experience could be shared as much as possible along the way. We truly welcome you to contact us for any cooperation or suggestion.
