Team:NJU NJUT China

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
Line 5: Line 7:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>NJU_NJUT_CHINA</title>
<title>NJU_NJUT_CHINA</title>
-
<link href="http://igem.3vfree.us/style.css" rel="stylesheet" type="text/css" media="screen" />
 
-
<link rel="stylesheet" type="text/css" href="http://igem.3vfree.us/css/style1.css" />
 
-
    <script type="text/javascript" src="http://igem.3vfree.us/js/spjquery.js"></script>
 
-
<script type="text/javascript" src="http://igem.3vfree.us/js/spslider.js"></script> 
 
-
<script src="http://igem.3vfree.us/js/cufon-yui.js" type="text/javascript"></script>
 
<script type="text/javascript">
<script type="text/javascript">
Cufon.replace('h1',{ textShadow: '1px 1px #000'});
Cufon.replace('h1',{ textShadow: '1px 1px #000'});
Line 20: Line 17:
             font-family:Arial;
             font-family:Arial;
         }
         }
 +
.aa {height:105px; overflow:hidden;}
 +
.pxs_container{
 +
width:960px;
 +
height:420px;
 +
position:absolute;
 +
top:270px;
 +
left:195px;
 +
border-top:7px solid #333;
 +
border-bottom:7px solid #333;
 +
overflow:hidden;
 +
-moz-box-shadow:0px 0px 7px #000;
 +
-webkit-box-shadow:0px 0px 7px #000;
 +
box-shadow:0px 0px 7px #000;
 +
z-index:1;
 +
}
 +
.pxs_bg{
 +
background:transparent url(http://igem.3vfree.us/images/bg.png) repeat top left;
 +
}
 +
.pxs_bg div{
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:1155px; /*1264px window width times number of images*/
 +
height:420px;
 +
background-repeat:repeat;
 +
background-position:top left;
 +
background-color:transparent;
 +
}
 +
.pxs_bg .pxs_bg1{
 +
background-image:url(http://igem.3vfree.us/images/imgbg.jpg);
 +
/*left negative 1/8 of ww*/
 +
}
 +
.pxs_slider_wrapper{
 +
display:none;
 +
}
 +
.pxs_container ul{
 +
margin:0px;
 +
padding:0px;
 +
list-style:none;
 +
}
 +
ul.pxs_slider{
 +
position:relative;
 +
left:0px;
 +
top:0px;
 +
height:420px;
 +
}
 +
ul.pxs_slider li{
 +
height:420px;
 +
float:left;
 +
left:-200px;
 +
position:relative;
 +
}
 +
ul.pxs_slider li img{
 +
display:block;
 +
margin:35px auto 0px auto;
 +
-moz-box-shadow:0px 0px 7px #222;
 +
-webkit-box-shadow:0px 0px 7px #222;
 +
box-shadow:0px 0px 7px #222;
 +
border: 8px solid transparent;
 +
-moz-border-radius:4px;
 +
-webkit-border-radius:4px;
 +
border-radius:4px;
 +
}
 +
ul.pxs_thumbnails{
 +
height:35px;
 +
position:absolute;
 +
top:320px;
 +
left:50%;
 +
}
 +
ul.pxs_thumbnails li{
 +
position:absolute;
 +
display:block;
 +
}
 +
ul.pxs_thumbnails li img{
 +
border: 5px solid #FFFFFF;
 +
-moz-box-shadow:1px 1px 7px #555;
 +
-webkit-box-shadow:1px 1px 7px #555;
 +
box-shadow:1px 1px 7px #555;
 +
cursor:pointer;
 +
display:block;
 +
opacity:0.7;
 +
}
 +
ul.pxs_thumbnails li.selected img{
 +
opacity:1.0;
 +
}
 +
.pxs_navigation span{
 +
position:absolute;
 +
width:30px;
 +
height:60px;
 +
-moz-box-shadow:0px 0px 2px #000;
 +
-webkit-box-shadow:0px 0px 2px #000;
 +
box-shadow:0px 0px 2px #000;
 +
top:145px;
 +
opacity:0.5;  <!--透明度>
 +
-moz-border-radius:4px;
 +
-webkit-border-radius:4px;
 +
border-radius:4px;
 +
cursor:pointer;
 +
}
 +
.pxs_navigation span:hover{
 +
opacity:0.9;
 +
}
 +
.pxs_navigation span.pxs_prev{
 +
background:#000 url(http://igem.3vfree.us/images/prev.png) no-repeat center center;
 +
}
 +
.pxs_navigation span.pxs_next{
 +
background:#000 url(http://igem.3vfree.us/images/next.png) no-repeat center center;
 +
}
 +
.pxs_loading{
 +
color:#fff;
 +
font-size:20px;
 +
padding:15px 15px 15px 50px;
 +
position:absolute;
 +
background:#333 url(http://igem.3vfree.us/images/ajax-loader.gif) no-repeat 10px 50%;
 +
-moz-border-radius:15px;
 +
-webkit-border-radius:15px;
 +
border-radius:15px;
 +
opacity:0.7;
 +
width:180px;
 +
position:absolute;
 +
top:150px;
 +
left:50%;
 +
margin-left:-90px;
 +
}
 +
/*guide*******************/
 +
ul#navigation {
 +
    position: absolute;
 +
left: 197px;
 +
    top: 242px;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    right: 10px;
 +
    list-style: none;
 +
    z-index:3;
 +
    width:960px;
 +
}
 +
ul#navigation li {
 +
  width:100px;
 +
    display:inline;
 +
    float:left;   
 +
}
 +
ul#navigation li a {
 +
    display: block;
 +
width:100px;
 +
    float:left;
 +
    margin-top: -2px;
 +
    background-color:#FF0000;
 +
    background-repeat:no-repeat;
 +
    background-position:50% 10px;
 +
    border:1px solid #BDDCEF;
 +
    -moz-border-radius:0px 0px 10px 10px;
 +
    -webkit-border-bottom-right-radius: 10px;
 +
    -webkit-border-bottom-left-radius: 10px;
 +
    -khtml-border-bottom-right-radius: 10px;
 +
    -khtml-border-bottom-left-radius: 10px;
 +
    text-decoration:none;
 +
    text-align:center;
 +
    padding-top:80px;
 +
    opacity: 0.7;
 +
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
 +
}
 +
ul#navigation li a:hover{
 +
    background-color:#CAE3F2;
 +
}
 +
ul#navigation li a span{
 +
    letter-spacing:2px;
 +
    font-size:11px;
 +
    color:#000000;
 +
    text-shadow: 0 -1px 1px #fff;     
 +
}
 +
ul#navigation .home a{
 +
    background-image: url(http://igem.3vfree.us/images/home.png);
 +
}
 +
ul#navigation .about a      {
 +
    background-image: url(http://igem.3vfree.us/images/team.png);
 +
}
 +
ul#navigation .search a      {
 +
    background-image: url(http://igem.3vfree.us/images/search.png);
 +
}
 +
ul#navigation .podcasts a      {
 +
    background-image: url(http://igem.3vfree.us/images/ipod.png);
 +
}
 +
ul#navigation .rssfeed a  {
 +
    background-image: url(http://igem.3vfree.us/images/rss.png);
 +
}
 +
ul#navigation .photos a    {
 +
    background-image: url(http://igem.3vfree.us/images/camera.png);
 +
}
 +
ul#navigation .contact a    {
 +
    background-image: url(http://igem.3vfree.us/images/mail.png);
 +
}
 +
</style>
 +
<style>
 +
*{
 +
margin: 0;
 +
padding: 0;
 +
}
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
background:url(http://igem.3vfree.us/images/bg1.jpg) repeat-x top  left;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 12px;
 +
color: #787878;
 +
position:absolute;
 +
    left:0;
 +
    top:0;
 +
    z-index:-5;
 +
}
 +
h1, h2, h3 {
 +
margin: 0;
 +
padding: 0;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-weight: normal;
 +
color: #181818;
 +
}
 +
h1 {
 +
font-size: 2em;
 +
}
 +
h2 {
 +
font-size: 1.8em;
 +
font-family:Verdana, Geneva, sans-serif;
 +
}
 +
h3 {
 +
font-size: 1.6em;
 +
}
-
        .header
+
p, ul, ol {
-
        {
+
margin-top: 0;
-
            width:600px;
+
line-height: 180%;
-
            height:56px;
+
}
-
            position:absolute;
+
ul, ol {
-
            top:50%;
+
}
-
            left:10px;
+
a {
-
            background:#fff url(title.png) no-repeat top left;
+
text-decoration: none;
-
        }
+
color: #B94E0E;
 +
}
 +
a:hover {
 +
}
 +
#wrapper {
 +
margin: 0 auto;
 +
padding: 0;
 +
background:url(http://igem.3vfree.us/images/img05.jpg) repeat-x top left;
 +
}
 +
/* Header */
 +
#header-wrapper {
 +
z-index:10;
 +
}
 +
#header {
 +
position: absolute;
 +
left:197px;
 +
list-style: none;
 +
z-index:10;
 +
width: 960px;
 +
height: 240px;
 +
margin: 0 auto;
 +
background: url(http://igem.3vfree.us/images/logo2.jpg) no-repeat left top;
 +
top: 1px;
 +
}
 +
/* Logo */
 +
#logo {
 +
float: left;
 +
height: 240px;
 +
margin: 0;
 +
padding: 0px;
 +
color: #FFFFFF;
 +
}
-
        a.back{
+
#logo h1, #logo p {
-
            width:256px;
+
margin: 0;
-
            height:73px;
+
padding: 0;
-
            position:absolute;
+
-
            bottom:15px;
+
-
            right:15px;
+
-
            background:#fff url(codrops_back.png) no-repeat top left;
+
-
        }
+
-
        a.dry{
+
-
            position:absolute;
+
-
            bottom:15px;
+
-
            left:15px;
+
-
            text-align:left;
+
-
            font-size:12px;
+
-
            color:#ccc;
+
-
            text-transform:uppercase;
+
-
            text-decoration:none;
+
-
        }
+
-
.aa {height:105px; overflow:hidden;}
+
-
.bb {}
+
-
#globalWrapper #top-section #p-logo a img
+
-
{
+
-
  z-index=-10;
+
-
  overflow:hidden;
+
}
}
-
     </style>
+
#logo h1 {
 +
float: left;
 +
padding-left: 25px;
 +
letter-spacing: -1px;
 +
font-size: 2.6em;
 +
}
 +
#logo a {
 +
     position: relative;
 +
    left: 350px;
 +
border: none;
 +
background: none;
 +
text-decoration: none;
 +
color: #000000;
 +
}
 +
#page {
 +
    position: absolute;
 +
top:705px;
 +
left:194px;
 +
width: 960px;
 +
margin: 0 auto;
 +
padding: 0;
 +
background: url(http://igem.3vfree.us/images/img04.jpg) repeat-y left top;/*bg-img ps 底灰色直接去掉还是向左拉伸点*/
 +
}
 +
#page-bgbtm {
 +
padding: 30px 20px 0px 20px;
 +
}
 +
#content {
 +
float: left;
 +
width: 600px;/*640*/
 +
padding: 0;
 +
}
 +
.post .title {
 +
height: 38px;
 +
padding: 12px 0 0 20px;
 +
letter-spacing: -.5px;
 +
 
 +
color: #181818;
 +
}
 +
.post .title a {
 +
color: #181818;
 +
font-family:Verdana, Geneva, sans-serif;
 +
border: none;
 +
}
 +
.post .meta {
 +
margin-top: -10px;
 +
padding-bottom: 5px;
 +
padding-left: 20px;
 +
text-align: left;
 +
}
 +
.post .entry {
 +
text-align: justify;
 +
margin-bottom: 25px;
 +
padding: 30px 20px 10px 20px;
 +
}
 +
 
 +
.links {
 +
display: block;
 +
width: 130px;
 +
margin: 20px 0px;
 +
padding: 5px;
 +
background:#669;
 +
border-left: 20px solid #666;
 +
text-align: center;
 +
text-transform: uppercase;
 +
font-size: 10px;
 +
color: #FFFFFF;
 +
}
 +
/* Sidebar */
 +
#sidebar {
 +
position:absolute;
 +
left:610px;
 +
top:0px;
 +
float: right;
 +
width: 784px;/*272*/
 +
padding: 0px 0px 0px 0px;
 +
color: #FF0000;
 +
height: 700px;
 +
}
 +
#sidebar a:hover {
 +
text-decoration: underline;
 +
}
 +
/* Calendar */
 +
#calendar_wrap {
 +
padding: 20px;
 +
}
 +
#calendar table {
 +
width: 100%;
 +
}
 +
#calendar tbody td {
 +
text-align: center;
 +
}
 +
#calendar #next {
 +
text-align: right;
 +
}
 +
/* Footer */
 +
#myfooter-wrapper {
 +
position:absolute;
 +
bottom:-1286px;
 +
width: 100%;
 +
background: #231202;
 +
left: 193px;
 +
}
 +
#myfooter {
 +
position:absolute;
 +
width: 960px;
 +
height: 100px;
 +
margin: 0 auto;
 +
padding: 0px 0 15px 0;
 +
background: url(http://igem.3vfree.us/images/img01.jpg) repeat-x left top;
 +
font-family: Arial, Helvetica, sans-serif;
 +
left: 0px;
 +
}
 +
 
 +
#myfooter p {
 +
margin: 0;
 +
padding-top: 40px;
 +
line-height: normal;
 +
font-size: 9px;
 +
text-transform: uppercase;
 +
text-align: center;
 +
color: #D78983;
 +
}
 +
 
 +
#myfooter a {
 +
color: #FFDBD9;
 +
}
 +
/*--------------------team image-------------------------------*/
 +
 
 +
.teammemberimg { float:left; height:150px; width:105px; margin-left:20px;}
 +
.teammemberinfo{float:left;}
 +
.teammemberinfo p{ margin-bottom:-6px;}
 +
 
 +
/*-------------------------------------------------------------*/
 +
 
 +
</style>
</head>
</head>
<body>
<body>
Line 141: Line 508:
<div id="sidebar">
<div id="sidebar">
<h3 style="left:100px">What's new about CRISPR/Cas</h3>
<h3 style="left:100px">What's new about CRISPR/Cas</h3>
-
  <iframe width=350 height=600 frameborder=0 scrolling=auto src="http://igem.3vfree.us/news.html"></iframe>
+
  <iframe width=350 height=600 frameborder=0 scrolling=auto src=http://igem.3vfree.us/news.html></iframe>
</div>
</div>
       <!-- end #sidebar -->
       <!-- end #sidebar -->
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
  <div id="footer">
+
  <div id="myfooter">
    <p><a href="#">IGEM_NJU_NJUT</a>.</p>
    <p><a href="#">IGEM_NJU_NJUT</a>.</p>
  </div>   
  </div>   
Line 159: Line 526:
<!-- The JavaScript -->
<!-- The JavaScript -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script type="text/javascript" src="http://igem.3vfree.us/js/jquery.easing.1.3.js"></script>
 
         <script type="text/javascript">
         <script type="text/javascript">
(function($) {
(function($) {
Line 467: Line 833:
             );
             );
             });
             });
-
 
-
/*
 
-
function $2(element){
 
-
return element = document.getElementById(element);
 
-
}
 
-
function $D(){
 
-
var d=$2('class1content');
 
-
var h=d.offsetHeight;
 
-
var maxh=300;
 
-
function dmove(){
 
-
h+=50; //设置层展开的速度23sc.cn
 
-
if(h>=maxh){
 
-
d.style.height='300px';
 
-
clearInterval(iIntervalId);
 
-
}else{
 
-
d.style.display='block';
 
-
d.style.height=h+'px';
 
-
}
 
-
}
 
-
iIntervalId=setInterval(dmove,2);
 
-
}
 
-
function $D2(){
 
-
var d=$2('class1content');
 
-
var h=d.offsetHeight;
 
-
var maxh=300;
 
-
function dmove(){
 
-
h-=50;//设置层收缩的速度23sc.cn
 
-
if(h<=0){
 
-
d.style.display='none';
 
-
clearInterval(iIntervalId);
 
-
}else{
 
-
d.style.height=h+'px';
 
-
}
 
-
}
 
-
iIntervalId=setInterval(dmove,2);
 
-
}
 
-
function $use(){
 
-
var d=$2('class1content');
 
-
var sb=$2('stateBut');
 
-
if(d.style.display=='none'){
 
-
$D();
 
-
sb.innerHTML='unfold';
 
-
}else{
 
-
$D2();
 
-
sb.innerHTML='shrink';
 
-
}
 
-
}*/
 
-
 
-
 
-
 
function $aa(obj)
function $aa(obj)
{
{
Line 531: Line 847:
}
}
         </script>
         </script>
 +
<script>
 +
jQuery.easing['jswing'] = jQuery.easing['swing'];
 +
jQuery.extend( jQuery.easing,
 +
{
 +
def: 'easeOutQuad',
 +
swing: function (x, t, b, c, d) {
 +
//alert(jQuery.easing.default);
 +
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
 +
},
 +
easeInQuad: function (x, t, b, c, d) {
 +
return c*(t/=d)*t + b;
 +
},
 +
easeOutQuad: function (x, t, b, c, d) {
 +
return -c *(t/=d)*(t-2) + b;
 +
},
 +
easeInOutQuad: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t + b;
 +
return -c/2 * ((--t)*(t-2) - 1) + b;
 +
},
 +
easeInCubic: function (x, t, b, c, d) {
 +
return c*(t/=d)*t*t + b;
 +
},
 +
easeOutCubic: function (x, t, b, c, d) {
 +
return c*((t=t/d-1)*t*t + 1) + b;
 +
},
 +
easeInOutCubic: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t*t + b;
 +
return c/2*((t-=2)*t*t + 2) + b;
 +
},
 +
easeInQuart: function (x, t, b, c, d) {
 +
return c*(t/=d)*t*t*t + b;
 +
},
 +
easeOutQuart: function (x, t, b, c, d) {
 +
return -c * ((t=t/d-1)*t*t*t - 1) + b;
 +
},
 +
easeInOutQuart: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 +
return -c/2 * ((t-=2)*t*t*t - 2) + b;
 +
},
 +
easeInQuint: function (x, t, b, c, d) {
 +
return c*(t/=d)*t*t*t*t + b;
 +
},
 +
easeOutQuint: function (x, t, b, c, d) {
 +
return c*((t=t/d-1)*t*t*t*t + 1) + b;
 +
},
 +
easeInOutQuint: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 +
return c/2*((t-=2)*t*t*t*t + 2) + b;
 +
},
 +
easeInSine: function (x, t, b, c, d) {
 +
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 +
},
 +
easeOutSine: function (x, t, b, c, d) {
 +
return c * Math.sin(t/d * (Math.PI/2)) + b;
 +
},
 +
easeInOutSine: function (x, t, b, c, d) {
 +
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 +
},
 +
easeInExpo: function (x, t, b, c, d) {
 +
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 +
},
 +
easeOutExpo: function (x, t, b, c, d) {
 +
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 +
},
 +
easeInOutExpo: function (x, t, b, c, d) {
 +
if (t==0) return b;
 +
if (t==d) return b+c;
 +
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 +
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 +
},
 +
easeInCirc: function (x, t, b, c, d) {
 +
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 +
},
 +
easeOutCirc: function (x, t, b, c, d) {
 +
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 +
},
 +
easeInOutCirc: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 +
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 +
},
 +
easeInElastic: function (x, t, b, c, d) {
 +
var s=1.70158;var p=0;var a=c;
 +
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
},
 +
easeOutElastic: function (x, t, b, c, d) {
 +
var s=1.70158;var p=0;var a=c;
 +
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 +
},
 +
easeInOutElastic: function (x, t, b, c, d) {
 +
var s=1.70158;var p=0;var a=c;
 +
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 +
if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 +
},
 +
easeInBack: function (x, t, b, c, d, s) {
 +
if (s == undefined) s = 1.70158;
 +
return c*(t/=d)*t*((s+1)*t - s) + b;
 +
},
 +
easeOutBack: function (x, t, b, c, d, s) {
 +
if (s == undefined) s = 1.70158;
 +
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 +
},
 +
easeInOutBack: function (x, t, b, c, d, s) {
 +
if (s == undefined) s = 1.70158;
 +
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 +
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 +
},
 +
easeInBounce: function (x, t, b, c, d) {
 +
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 +
},
 +
easeOutBounce: function (x, t, b, c, d) {
 +
if ((t/=d) < (1/2.75)) {
 +
return c*(7.5625*t*t) + b;
 +
} else if (t < (2/2.75)) {
 +
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 +
} else if (t < (2.5/2.75)) {
 +
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 +
} else {
 +
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 +
}
 +
},
 +
easeInOutBounce: function (x, t, b, c, d) {
 +
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 +
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 +
}
 +
});
 +
</script>
</body>
</body>
</html>
</html>

Revision as of 02:05, 24 August 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

NJU_NJUT_CHINA

Loading images...
  • First Image
  • Second Image
  • Third Image
  • Forth Image
  • Fifth Image
  • Sixth Image
  • First Image
  • Second Image
  • Third Image
  • Forth Image
  • Fifth Image
  • Sixth Image
 

Project

Basic Information

    Most of the bacteria and archaea acquire virus resistance by integrating short viral nucleotide acid fragments into the clusters of regularly interspaced short palindromic repeats (CRISPRs). And CRISPR-based defense system can also protects them against the invading DNA and/or RNA elements. It is believed that the integrated CRISPR sequences have the ability to form a genetic memory which prevents the host from being infected. The CRISPRs and Cas (CRISPR-associated) interact and form this prokaryotic adaptive immune system....

 

Introduction to our experiment

information

Based on the fundamental synthetic biology methods, include the molecular cloning, long PCR, recombinant construction, restriction digestion and yeast transformation, our project aims to enable Saccharomyces cerevisiae to resist viruses utilizing the CRISPR system found in most bacteria and archaea lately.

To ensure the accurate output, we divide the original linear gene into several elements , and also purify and propagate the complete target sequence to make the both two models work in the host cell. To present the actual effect of CRISPR in yeast, we design our own mimic virus construction based on the homologous sequences shown in the specific viral genome database, which can be recognized, and control the baseline both for anti-virus ability and CRISPR's effect in its original form.

More specifically, we first obtain our CRISPR system by genome-extraction from E.coli str W3110, and clone the respective target genes as modules. The construction, as well as the mimic virus construction, IS made by restriction-ligase way. We transform the mimic virus plasmid first by lithium acetate method and verify the availability by several antibiotics. We then import CRISPR system in the same way, utilizing the Ochre mutation and GFP switch-off to evaluate the anti-virus feasibility.

Read More

Retrieved from "http://2013.igem.org/Team:NJU_NJUT_China"