Difference between revisions of "Team:Glasgow/Project/Overview/RBS"

(Blanked the page)
 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{GlasgowNavbar}}
 
<html>
 
  <head>
 
<script type="text/javascript">
 
// 收缩展开效果
 
$(document).ready(function(){
 
  // $(".box h5").toggle(function(){
 
  //  $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
 
//  },function(){
 
//$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
 
  //});
 
$("div.text").hide();//默认隐藏div,或者在样式表中添加.text{display:none},推荐使用后者
 
$(".box h5").click(function(){
 
$(this).next(".text").slideToggle("slow");
 
})
 
});
 
</script>
 
<script type="text/javascript" >
 
function menuFixed(id){
 
var obj = document.getElementById(id);
 
var _getHeight = obj.offsetTop;
 
  
window.onscroll = function(){
 
changePos(id,_getHeight);
 
}
 
}
 
function changePos(id,height){
 
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
 
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 
var w = window.innerWidth;
 
if(w>=1024){
 
  if($(window).scrollTop() + $(window).height() > $(document).height() - 350){
 
                $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 
}
 
if(scrollTop < height){ obj.style.position = 'relative';     
 
}else{
 
obj.style.position = 'fixed';
 
}
 
}
 
</script>
 
 
<script type="text/javascript">
 
window.onload = function(){
 
menuFixed('sidebar');
 
}
 
</script>
 
      <style>
 
          figcaption {
 
            color: #666666;
 
            font-size: 0.7em;
 
            font-style: italic;
 
            font-family: 'Noto Sans', sans-serif;
 
            margin-bottom: 15px;
 
        }
 
          .firstHeading {
 
          display:none;
 
        }
 
   
 
        #content {
 
    width:auto;
 
    height:auto;
 
    padding:0px 0px 0px 0px;
 
    border:none;
 
    }
 
      * {
 
                padding:0;
 
                margin:0;
 
            }
 
#bodybackground {
 
background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
 
font-family: 'Nixie One', Helvetica, Arial, sans-serif;
 
font-size: 50px; height:45vh;
 
background-size:cover; }
 
   
 
            h1 {
 
                color:white;
 
                margin-top:15vh;
 
                margin-left: 20vw;
 
                position:absolute;
 
                font-size: 4em;
 
            }
 
           
 
            .links {
 
                margin-top: 5vh;
 
                text-decoration:none;
 
                color:blue;
 
                margin-left:5vw;
 
            }
 
 
           
 
            .containerRight {
 
                width:70vw;
 
                text-align: justify;
 
                background-color:white;
 
                margin-left: 25vw;
 
                /*float: right;*/
 
            }             
 
     
 
            div h2 {
 
                text-align: center;
 
                margin-bottom: 8vh;
 
                margin-top:5vh;
 
            }
 
            /*
 
            .leftContainer {
 
                width:22vw;
 
                float:left;
 
                height:100%;
 
                text-align: center;
 
                background-color:white;
 
            }*/
 
 
            table {
 
                margin-top:15vh;
 
                border-radius: 10%;
 
                margin-left:7.5vw;
 
                float:left;
 
                text-align:center;
 
            }
 
           
 
            td {
 
                padding:0.8vw;
 
                cursor:pointer;
 
                margin-top: 4vh;
 
                color:deepskyblue;
 
            }
 
           
 
            td:hover {
 
                margin-top: 4vh;
 
                background-color: deepskyblue;
 
                color:white;               
 
            }
 
           
 
            .fixed {
 
                position: fixed;
 
                top:5vh;
 
 
            }
 
           
 
            .final {
 
                top: 230vh;
 
                position:relative;
 
            }
 
 
           
 
            .monster {
 
                height:50vh;
 
                width:15vw;
 
                position:relative;
 
                display:inline-block;
 
                margin: 0 auto;
 
            }
 
           
 
            .monsterContainer {
 
                width:70vw;
 
                height:50vh;
 
                margin:10vh auto;
 
                text-align: justify;
 
                margin-bottom: 10vh;
 
               
 
            }
 
           
 
            .monsterContainer:after {
 
                content: "";
 
            width: 100%;
 
                display: inline-block;
 
            }
 
 
            .monsterImg {
 
                height:100%;
 
                width:100%;
 
                opacity:0.92;
 
                box-shadow: 0 0 5px purple;
 
            }
 
 
            h3 {
 
                color: white;
 
                position:absolute;
 
                bottom:5%;
 
                left: 5%;
 
                width:100%;
 
                opacity:0.85;
 
            }
 
 
            monsterSpan {
 
                letter-spacing: -1px;
 
                background: rgb(30, 5, 90);
 
                background: rgba(30, 5, 90, 0.7);
 
                padding:5%;
 
            }
 
 
            .dimmer {
 
                opacity:1;
 
            }
 
 
            .dimmer2 {
 
                text-decoration: underline;
 
                opacity:1
 
            }
 
            h5{
 
            text-align:center;
 
            font-size:18px;
 
}
 
          @font-face {
 
  font-family: 'Nixie One';
 
  font-style: normal;
 
  font-weight: 400;
 
  src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.woff2) format('woff2');
 
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 
}
 
@font-face {
 
  font-family: 'League Script';
 
  font-style: normal;
 
  font-weight: 400;
 
  src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2');
 
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 
}
 
.container3 {
 
    display: flex;
 
    flex-direction: row;
 
    flex-wrap: wrap;
 
    justify-content: center;
 
    align-items: center;
 
    line-height:7vh;
 
    padding-top:50px;
 
   
 
}
 
.sign {
 
  -ms-transform: rotate(-3deg);
 
  -webkit-transform: rotate(-3deg);
 
  transform: rotate(-3deg);
 
  margin-top:10vh;
 
}
 
#title {
 
  font-size: 10vh;
 
}
 
#trav {
 
  -webkit-animation: blink 0.01s infinite alternate;
 
  -moz-animation: blink 0.01s infinite alternate;
 
  -o-animation: blink 0.01s infinite alternate;
 
  animation: blink 0.01s infinite alternate;
 
}
 
#fade {
 
  opacity: 0.6;
 
  color: #ebffff;
 
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 
  -webkit-animation: fade 3s infinite alternate;
 
  -moz-animation: fade 3s infinite alternate;
 
  -o-animation: fade 3s infinite alternate;
 
  animation: fade 3s infinite alternate;
 
}
 
.neon-blue {
 
  margin: 0 auto;
 
  text-align: center;
 
  color: #ebffff;
 
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 
  font-size:4vw;
 
}
 
.neon-purple {
 
  font-family: 'League Script', Helvetica, Arial, sans-serif;
 
  font-size: 130px;
 
  margin: 0 auto;
 
  text-align: center;
 
  color: #6CA7FF;
 
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd;
 
  font-size:8vh;
 
}
 
@-moz-keyframes blink {
 
  70% {
 
    opacity: 0.7;
 
  }
 
}
 
@-webkit-keyframes blink {
 
  45% {
 
    opacity: 0.5;
 
  }
 
}
 
@-o-keyframes blink {
 
  70% {
 
    opacity: 0.7;
 
  }
 
}
 
@keyframes blink {
 
  70% {
 
    opacity: 0.7;
 
  }
 
}
 
@-moz-keyframes fade {
 
  40% {
 
    opacity: 0.8;
 
  }
 
  42% {
 
    opacity: 0.1;
 
  }
 
  43% {
 
    opacity: 0.8;
 
  }
 
  45% {
 
    opacity: 0.1;
 
  }
 
  46% {
 
    opacity: 0.8;
 
  }
 
}
 
@-webkit-keyframes fade {
 
  40% {
 
    opacity: 0.8;
 
  }
 
  42% {
 
    opacity: 0.1;
 
  }
 
  43% {
 
    opacity: 0.8;
 
  }
 
  45% {
 
    opacity: 0.1;
 
  }
 
  46% {
 
    opacity: 0.8;
 
  }
 
}
 
@-o-keyframes fade {
 
  40% {
 
    opacity: 0.8;
 
  }
 
  42% {
 
    opacity: 0.1;
 
  }
 
  43% {
 
    opacity: 0.8;
 
  }
 
  45% {
 
    opacity: 0.1;
 
  }
 
  46% {
 
    opacity: 0.8;
 
  }
 
}
 
@keyframes fade {
 
  40% {
 
    opacity: 0.8;
 
  }
 
  42% {
 
    opacity: 0.1;
 
  }
 
  43% {
 
    opacity: 0.8;
 
  }
 
  45% {
 
    opacity: 0.1;
 
  }
 
  46% {
 
    opacity: 0.8;
 
  }
 
}
 
 
 
<!-----zhankai---->
 
.text{line-height:22px;padding:0 6px;color:#666;}
 
.box h5{padding-top:0px;font-weight:bold;cursor: pointer;}
 
.box{position:relative;border:1px solid #e7e7e7;background-color:#C1EAFF;}
 
      </style>
 
 
  </head>
 
 
    <body>
 
 
        <div id="bodybackground">
 
  <div  class="container3  scrollTop">
 
  <div class="sign">
 
      <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
 
      <div class="neon-blue"><br><span class="neon-purple"><strong>RBS library</strong></span></div>
 
  </div>
 
  </div>
 
</div>
 
        <!--<div class='leftContainer'>-->
 
        <p class="links scrollOverview"><a style="color:blue;" href="https://2015.igem.org/Team:Glasgow"> Home</a> > <a style="color:blue;" href="https://2015.igem.org/Team:Glasgow/Project/Overview">Project</a> > RBS libray</p>
 
        <div id="sidebar"class="widget widget-categories">
 
        <table>
 
            <tr><td class="overview">Summary</td></tr>
 
            <tr><td class="sensor">Motivation</td></tr>
 
            <tr><td class="release">Design</td></tr>
 
            <tr><td class="survivability">Strategy and Approaches</td></tr>
 
            <tr><td class="conclusion">Results</td></tr>
 
            <tr><td class="firstuse">References</td></tr> 
 
            <tr><td class="top">Top</td></tr>   
 
        </table>
 
      </div>
 
       
 
      <!-- </div> -->
 
        <div class='containerRight'>
 
              <h2 style="margin-top:13vh;">Summary</h2>
 
<div class="row">
 
<div class="col-md-6">
 
<h5 style="font-size:25px">Aim</h5>
 
<p>To optimise bioluminescence in <i>Escherichia coli</i> by creating a range of Ribosome Binding Sites (RBS) for each of the six genes in the <i>luxCDABEG</i> operon from <i>Aliivibrio fisheri</i>, originally submitted to the registry as a single BioBrick (<a href="http://parts.igem.org/Part:BBa_K325909">K325909</a>) in 2010 by the Cambridge team.</p>
 
<h5 style="font-size:25px">Results</h5>
 
<p>
 
- Designed RBS library with 32 variants for each <i>lux</i> gene
 
</br>
 
</br>
 
- Made <i>luxABG</i> and <i>luxCDE</i> constructs from the RBS library – over 1000 RBS variantions for each construct
 
</br>
 
</br>
 
- Showed that cells are able to uptake decanal from the environment and produce light when <i>luxAB</i> or <i>luxABG</i> is expressed
 
</br>
 
</br>
 
- Visualised RBS library for <i>luxAB</i>, <i>luxABG</i> and <i>luxCDE</i> constructs and determined optimal RBS arrangements for E. coli
 
</p>
 
</div>
 
<div class="col-md-6">
 
<h5 style="font-size:25px">Biobricks</h5>
 
<p>
 
Documented and submitted:
 
<ul>
 
<li>BBa_K1725340: </br> I0500-RBS-<i>luxA</i>-RBS-<i>luxB</i>-RBS-<i>luxG</i> </li>
 
<li>BBa_K1725341: </br> I0500-RBS-<i>luxA</i>-RBS-<i>luxB</i>-RBS-<i>luxG</i>-K1725080-RBS-<i>luxC</i>-RBS-<i>luxD</i>-RBS-<i>luxE</i></li>
 
</ul>
 
Documented only:
 
<ul>
 
<li> BBa_K1725301-BBa_K1725332: </br> RBS library</li>
 
<li> BBa_K1725342: </br> K1725080-RBS-<i>luxC</i>-RBS-<i>luxD</i>-RBS-<i>luxE</i> </br> (High decanal production)</li>
 
<li> BBa_K1725343: </br> K1725080-RBS-<i>luxC</i>-RBS-<i>luxD</i>-RBS-<i>luxE</i> </br> (Low decanal production)</li>
 
</ul>
 
</br>
 
-    insert appropriate biobrick numbers instead of RBS
 
</p>
 
</div>
 
</div>
 
<div class="scrollSensor"><div>
 
</br>
 
</br>
 
 
   
 
    <h2>Motivation</h2>
 
   
 
            <p class="mainText">For the Bioluminescence part of our project we used the <i>luxCDABEG</i> operon from <i>A. fischeri</> introduced to the iGEM registry for by Cambridge team in 2010. They have used five <i>lux</i> genes for the assembly of the <i>lux</i> operon: luxA, B, C, D and E with <i>luxA</i> and <i>luxB</i> encoding bacterial luciferase and <i>luxC</i>, <i>luxD</i> and <i>luxE</i> encoding enzyme complex that synthesises tetradecanal, a substrate for the luciferase. This year were are adding sixth lux gene to the assembly – <i>luxG</i> which is known to encode a flavin reductase that provides reduced flavin mononucleotide for the bioluminescence reaction resulting in an enhanced light ouptput.
 
</br>
 
</br>
 
Initially we decided to optimise bioluminescence in <i>E. coli</i> by rearranging whole Lux operon and placing a defined relatively-weak (REF) ribosome binding site – B0032 – upstream of each of the six lux genes, as described on our <a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bioluminesence">Bioluminescnce</a> page. Taking this approach further, we thought of adjusting bioluminescence in <i>E. coli</i> by creating a B0032-derived Ribosome Binding Site library for each lux gene. The idea behind this was to create a range of RBS combinations in a lux operon and therefore, generate <i>E. coli</i> strains of different bioluminescence intensity (FIGURE). We assumed that the most favourable RBS arrangements in lux operon should be observed in the <i>E. coli</i> colonies emitting the most light.
 
<div style="visibility:hidden; height:0;width:0;" class="scrollrelease"></div> </p>
 
</br>
 
</br>
 
 
<h2>Design</h2>
 
For the construction of the RBS library, we used a master sequence based on the RBS B0032 (FIGURE). 4 nucleotides close to the actual ribosome binding site were randomised giving 32 different B0032-derived RBS variants. The predicted efficiency of each RBS library member was estimated using RBS Library Calculator (REF http://msb.embopress.org/content/10/6/731) for every lux gene (FIGURE with graphs). Technically, with 32 different RBS variants for each of the six lux genes, final RBS library for lux operon would have over a billion different RBS arrangements (Figure, show calculations??).
 
<div class="scrollSurvivability"></div>
 
</br>
 
</br>
 
 
        <h2>Strategy and approaches</h2>
 
<div class="box">
 
<h5>Randomised PCR and Cloning, Cloning, Cloning</h5>
 
<div class="text">
 
To start off with the RBS library construction, each lux gene was amplified by randomised PCR using primers with a B0032-derived master sequence for RBS. PCR products were then ligated into plasmid PSB1C3 and transformed to E. coli strain TOP10 which is a recA- mutant meaning that any unwanted gene rearrangements between chromosomal DNA and plasmid DNA can be avoided.
 
</br>
 
</br>
 
In order to induce expression of luxABG and luxCDE in the prospect experiments, luxA and luxC PCR products were inserted downstream the pBAD (BBA_ I0500) and R0011N (BBa_K1725080) promoters, respectively. pBAD is widely used promoter inducible by L-arabinose, in our assays we have used 1% arabinose to activate the promoter. R0011N promoter is similar to IPTG-regulated, LacI-repressed R0011 promoter (BBa_R0011) but contains an extra NheI site to make Biobrick insertion identification easier in the restriction digests. Since we have used lacI- Top10 cells for our transformations, R0011N was constitutively active.
 
</br>
 
</br>
 
Colonies from the transformation plates were then washed and plasmid DNA was purified and sequenced to ensure that all 32 RBS library members were present in the sample (FIGURE of sequencing). Similar approach was applied to the subsequent ligations in the assemblies of pBAD.luxABG and R0011N.luxCDE.
 
</br>
 
</br>
 
<strong>It is worth mentioning that before every ligation, inserts and vectors were extracted and purified from a gel stained with non-toxic blue dye Azure, which is very convenient and fast gel staining tool proposed by our team (Link to James’ Azure page) & picture of the blue gel with lux genes to be extracted.</strong>
 
</div>
 
</div>
 
 
 
</br>
 
<div class="box">
 
<h5>Testing pBAD.luxAB</h5>
 
<div class="text">
 
</br>
 
<img src="https://static.igem.org/mediawiki/2015/2/2a/2015-Glasgow-RBS1.png" align="right" height="40%" width="40%">
 
Once we have assembled luxA and luxB together with a pBAD promoter upstream, we wanted to determine if the construct allows cells to respond to the decanal in the environment. In addition to that, we also aimed to visualise RBS library in the construct as RBS of different strengths should cause variability in bioluminescence intensity between colonies. To start, we grew transformed cells on the L-agar with 1% arabinose and then exposed them to the 5% decanal solution. Several 10μl drops of solution were applied on the lid of the Petri dish and the lids were then immediately placed on the plates with cells and kept for a few minutes. Lids were then taken off and plates were photographed in the dark room with the 30s exposure at the ISO 64000.
 
</br>
 
</br>
 
As seen in the FigureX, colonies that grew on the plate containing arabinose (ara+) show bioluminescence activity in the dark while control plate with no arabinose (ara-) does not contain any bioluminescent colonies. More importantly, in the ara+ plate we observe that, for a human eye, colonies vary in bioluminescence intensity from very bright to absolutely blank colonies. Therefore, here we show that E. coli is able to uptake decanal from the environment and produces light when the expression of luxAB is turned on. Moreover, we demonstrate that some of the RBS arrangements in the pBAD.IuxAB construct are more efficient than others in terms of stimulating translation initiation.
 
</br>
 
</br>
 
For further testing, we have picked up 12 colonies that exhibited different bioluminescence intensity: a range from very bright to dim or blank colonies. We tested if the construct sizes are similar in all 12 colonies by gel electrophoresis of single restriction digests (GEL Picture). As the gel results suggest, plasmid sizes in all 12 colonies are similar which allows us assume that the main difference is in the ribosome binding sites. In addition, we have made short streaks of each colony on ara+ plate in order to compare their brightness on a bigger resolution (Picture of streaks + colonies plate with tagged locations of colonies picked). From the picture we can clearly see colony F being the brightest colony on the plate and some of the colonies producing very little of visible bioluminescence. This again supports our hypothesis about some RBS combinations being more favourable by the E. coli translation machinery.
 
</br>
 
<img src="https://static.igem.org/mediawiki/2015/c/c2/2015-Glasgow-RBS2.png" height="70%" width="70%">
 
</div>
 
</div>
 
</br>
 
<div class="box">
 
<h5>Inviting Mr. Bright to the party: luxG  </h5>
 
<div class="text">
 
</br>
 
As mentioned before, LuxG is a known flavin reductase and provides reduced flavin mononucleotide to luciferase LuxAB resulting in increased bioluminescent activity. Therefore, having the pBAD.luxAB construct ready we have inserted luxG gene downstream the luxAB in order to increase the bioluminescence in cells. Transformed cells were grown on both ara+ and ara- plates and treated with decanal as described earlier. 
 
</br>
 
</br>
 
As can be seen in the FigureX, only colonies that have grown on the ara+ plates exhibit luminescence while control plates remain blank in the dark. Similarly to the results observed in pBAD.luxAB testing, here we also see a range of luminescence between colonies on ara+ plate most likely corresponding to the different ribosome binding sites. However, on the ara+ plates we observe only half as many colonies as on the ara- plates suggesting luxG possibly having a negative role for cell growth. To test this, we have picked 136 random colonies from the ara- plate and streaked them on new ara+ and ara-plates to see difference in survivability. Results are presented in the FigureX where short streaks appear to be similar on both ara+ and ara- plates with no bacterial growth disruption on the ara+ plate. Therefore, we assume that the negative luxG effect is not very severe and may be only observable on the transformation plates where colonies are formed from a single cell.
 
</br>
 
</br>
 
<img src="https://static.igem.org/mediawiki/2015/2/27/2015-Glasgow-RBS3.png">
 
<img src="https://static.igem.org/mediawiki/2015/c/c0/2015-Glasgow-RBS4.png">
 
</br>
 
</br>
 
Additionally, in order to compare bioluminescence between cells where luxG is expressed and in cells where it is not, we also streaked previously described 12 pBAD.luxAB colonies and 12 brightest pBAD.luxABG colonies on the same ara+ plate. As can be seen from the FigureX, most of the pBAD.luxABG colonies appear to exhibit brighter luminescence than the pBAD.luxAB colonies which is what we expect to see.
 
</br>
 
<img src="https://static.igem.org/mediawiki/2015/9/90/2015-Glasgow-RBS5.png">
 
</br>
 
</br>
 
We have picked up the brightest pBAD.luxABG colony, determined RBS for each gene by sequencing and submitted the construct as the biobrick BBa_K17252340.
 
</div>
 
</div>
 
</br>
 
<div class="box">
 
<h5>Story about luxCDE</h5>
 
<div class="text">
 
TSimultaneously with the assembly of pBAD.luxABG we have also assembled R0011N.luxCDE construct using similar approaches. In order to test our RBS library in luxCDE we employed two strategies. Firstly, we wanted to test if two cells, one expressing luxABG and other expressing luxCDE, are able to produce luminescence when mixed and if so, does the bioluminescence depend on the amount of produced tetradecanal. We picked up 24 random R0011N.luxCDE colonies from the transformation plate and grew them overnight in the eppendorf shaker. The following day we mixed equal volumes of 24 R0011N.luxCDE and pBAD.luxABG (BBa_K17252340) overnight cultures in a 96-well plate. pBAD.luxABG overnight culture was added with 1% arabinose and grown for two hours in order to induce pBAD promoter. 96-well plate was then photographed and no visible bioluminescence was observed.
 
</br>
 
</br>
 
Paragraph on generating strain with luxABG in PSB1C3 and luxCDE in PSB3K3
 
</div>
 
</div>
 
<div class="scrollConclusion"></div>
 
</br>
 
</br>
 
 
<h2>Results</h2>
 
- Cell-cell comunication
 
</br>
 
- Decanal experiments
 
</br>
 
- Spectrum experiments and comparison to Cambridge operon
 
 
<div class="scrollfirstuse"></div>
 
</br></br>
 
 
   
 
    <h2>References</h2>
 
   
 
            <p class="mainText">
 
</br>
 
</br>
 
<div style="visibility:hidden; height:0;width:0;" class="scrollSurvivability"></div> </p>
 
 
 
</div>
 
</div>
 
</div>
 
 
 
 
<script>
 
 
 
        $('.overview').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollOverview').offset().top}, 1000);
 
        });
 
       
 
        $('.sensor').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollSensor').offset().top}, 1000);
 
        });
 
       
 
        $('.survivability').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollSurvivability').offset().top}, 1000);
 
        });
 
       
 
        $('.conclusion').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollConclusion').offset().top}, 1000);
 
        });
 
       
 
      $('.release').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollrelease').offset().top}, 1000);
 
        });
 
 
      $('.alternatives').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollalternatives').offset().top}, 1000);
 
        });
 
       
 
      $('.firstuse').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollfirstuse').offset().top}, 1000);
 
        });
 
     
 
      $('.contamination').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollcontamination').offset().top}, 1000);
 
        });
 
 
        $('.top').click(function() {
 
            $('html, body').animate({ scrollTop: $('.scrollTop').offset().top}, 1000);
 
        });
 
       
 
        </script>
 
 
 
<!--------边上导航栏-------->
 
      <script type="text/javascript">
 
 
var x = $('.links').offset().top;
 
$(window).scroll(function() {
 
            if ($(this).scrollTop() > x) {
 
                $('table').addClass("fixed");
 
            }
 
 
 
            else {
 
                $('table').removeClass("fixed");
 
            }
 
        });
 
 
</script>
 
 
 
 
 
</body>
 
</html>
 
 
{{Glasgowfooter}}
 

Latest revision as of 10:42, 17 September 2015