Team:XMU-China

From 2014.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE HTML>
 
<html lang=“en” >
<html lang=“en” >
-
<head>
+
<head>
-
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
-
<script type="text/javascript" async="" src="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/js&action=raw&amp;ctype=text/javascript"></script>
+
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/css&action=raw&amp;ctype=text/css"/>
+
<title>Team:XMU-China</title>
<title>Team:XMU-China</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-
  <link href="https://2014.igem.org/Team:XMU-China/STYLE_XMU_INDEX?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 
-
<!--[if IE 6]>
 
-
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
 
-
<![endif]-->
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
+
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
-
<script type="text/javascript" src="https://2014.igem.org/Team:XMU-China/JS_XMU_INDEX?action=raw&ctype=text/javascript"></script>
+
<style type="text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
<!--显示最上面的几个链接-->
+
border: 0 none;
-
<div class="left-menu " id="menubar">
+
height: 14px;
-
<style>
+
z-index: 100;
-
#menubar ul {
+
top: 0;
-
margin:0;
+
position: fixed;
-
padding:0;
+
width: 975px;
-
}
+
left: 50%;  
-
#menubar li {
+
margin-left: -487px;
-
float:left;
+
}
-
padding: 10px;
+
 
-
}
+
#globalWrapper, #content { /*-- changes default wiki settings--*/
-
</style>
+
width: 100%;
-
  <ul id="left-menu" style="list-style-type:none">
+
height: 100%;
-
      <li class="selected"><a href="/Team:XMU-China">page</a></li>
+
border: 0px;
-
          <li class="new"><a href="/wiki/index.php?title=Talk:Team:XMU-China&amp;action=edit&amp;redlink=1">discussion </a></li>
+
background-color: transparent;
-
          <li><a href="https://2014.igem.org/wiki/index.php?title=Team:XMU-China&action=edit">edit </a></li>
+
margin: 0px;
-
          <li><a href="https://2014.igem.org/wiki/index.php?title=Team:XMU-China&amp;action=history">history </a></li>
+
padding: 0px;
-
  <li id="this"><a>move</a></li>
+
}
-
  <li id="this"><a>watch</a></li>
+
 
-
          <li id="this"><a>teams</a></li>
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
  </ul>
+
width: 100%;
-
</div> <!-- end left menubar -->
+
height: 100%;  
-
<div class="right-menu " id="menubar">
+
background-color: transparent;
-
  <ul style="list-style-type:none">
+
}
-
          <li style="float:right;"><a accesskey="o" title="You are encouraged to log in; however, it is not mandatory [o]" href="/wiki/index.php?title=Special:UserLogin&amp;returnto=WikitemplateA_home">Log in</a></li>        
+
</style>
-
  </ul>
+
 
-
</div><!-- end right menubar -->
+
</head>
</head>
 +
<body>
<body>
-
<div class="shell">
+
<div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
-
<div class="border">
+
<img src="https://static.igem.org/mediawiki/2014/5/55/Xmu_background_drei.jpg" width="100%" height="100%"/>
-
<div id="header">
+
</div>
-
    <p id="color"></p>
+
<div style="width:1000px;margin:0px auto">
-
<!--<h1 id="logo"><a href="#" class="notext"></a></h1>-->
+
<div id="topic">
-
<img id="igem_logo" src="https://static.igem.org/mediawiki/2014/9/90/Xmu_igem_logo.gif" style="position:absolute; right: 10px; top: 12px; width: 80px; height: 80px;">
+
<img src="https://static.igem.org/mediawiki/2014/0/03/Xmu_home_head_drei.png" width="572px" height="210px" style="position:relative; left:-268px; margin-left:50%;"/>
-
<img id="xmu_logo" src="https://static.igem.org/mediawiki/2014/5/54/XMU_LOGO2.png" style="position:absolute; left: -100px; top:25px; width: 250px; height: 250px;">
+
</div>
-
<!--加入吉祥物大图-->
+
</div>
-
+
-
<div id="content" style="position:relative">
+
<div id="background" style="position:fixed;z-index:-1;right:0px;bottom:0px;">
-
<img id="wiki_bg" src="https://static.igem.org/mediawiki/2014/b/b9/XMU_color_piece4.png" style="position:relative; right: -10px; top: -70px;" >
+
<a href="https://igem.org/Team.cgi?id=1412"> <img src="https://static.igem.org/mediawiki/2014/8/8f/Xmu_home_product.png" width="80%" /> </a>
-
<a href="#">
+
</div>
-
<img class="topic_img" id="safety" src="https://static.igem.org/mediawiki/2014/4/49/XMU_E_5.png" width="144px" height="195px" style="position: absolute; right: 182px; top: 474px; " />
+
<div id="background" style="position:fixed;z-index:2;left:5px;top:5px;">
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/1/17/XMU_5_0.png" style="position:absolute; left: 407px; top: 331px; width: 144px; height: 195px;">
+
<a href="https://2014.igem.org/"> <img src="https://static.igem.org/mediawiki/2014/f/fb/XMU-2014igem.png" width="50%" /> </a>
-
</a>
+
</div>
-
<a href="#">
+
<div id="pic" style="width:510px; margin:auto; top: 220px;">
-
<img class="topic_img" id="team" src="https://static.igem.org/mediawiki/2014/1/12/XMU_E_1.png" style="position: absolute; left: 513px; top: 213px;">
+
<img id="abstract" src="https://static.igem.org/mediawiki/2014/2/20/XMU-Abstract-English2.png" onmouseover="movein()" style="position:absolute;"/>
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/8/8f/XMU_1_0.png" style="position:absolute; right: 26px; top: 80px; width: 144px; height: 195px;">
+
</div>
-
</a>
+
<div id="flag" style="position:fixed;z-index:2;right:10px;top:5px;">
-
<a href="#">
+
<img id="flag_1" src="https://static.igem.org/mediawiki/2014/5/55/XMU-China.png" style="cursor:pointer" />
-
<img class="topic_img" id="home" src="https://static.igem.org/mediawiki/2014/1/17/XMU_E_2.png" style="position: absolute; right: 144px; top: 228px;" >
+
<img id="flag_2" src="https://static.igem.org/mediawiki/2014/d/d7/XMU-England.png" style="cursor:pointer" />
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/f/fc/XMU_2_0.png" style="position:absolute; left: 374px; top: 86px; width: 144px; height: 195px;">
+
<img id="flag_3" src="https://static.igem.org/mediawiki/2014/1/14/XMU-France.png" style="cursor:pointer" />
-
</a>
+
<img id="flag_4" src="https://static.igem.org/mediawiki/2014/0/0e/XMU-Germany.png" style="cursor:pointer" />
-
<a href="#">
+
</div>
-
<img class="topic_img" id="project" src="https://static.igem.org/mediawiki/2014/5/58/XMU_E_4.png"  width="213" height="168" style="position: absolute; right: -225px; top: 380px;" />
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/5/53/XMU_3_0.png" style="position:absolute; right: -90px; top: 228px; width: 144px; height: 195px;">
+
-
</a>
+
-
<a href="#">
+
-
<img class="topic_img" id="humanp_ractice" src="https://static.igem.org/mediawiki/2014/7/7b/XMU_E_3.png" style="position: absolute; right: -157px; top: 495px;" />
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/c/c5/XMU_4_0.png" style="position:absolute; right: 51px; top: 365px; width: 144px; height: 195px;">
+
-
</a>
+
-
<a href="#">
+
-
<img class="topic_img" id="notebook" src="https://static.igem.org/mediawiki/2014/3/3c/XMU_E_6.png" style="position: absolute; right: 340px; top: 345px;">
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/f/ff/XMU_6_0.png" style="position:absolute; left: 226px; top: 223px; width: 144px; height: 195px;">
+
-
</a>
+
-
+
-
<div class="cl">&nbsp;</div>
+
-
</div>
+
-
<div class="navBar">
+
-
<ul class="nav clearfix">
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Home</a></h3>
+
-
<ul class="sub">
+
-
<li><a class="navigation_bar" href=#>Overview</a></li>
+
-
<li><a class="navigation_bar" href=#>Background</a></li>
+
-
<li><a class="navigation_bar" href=#>Design</a></li>
+
-
<li><a class="navigation_bar" href=#>Future work</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Project</a></h3>
+
-
<ul class="sub">
+
-
<li><a class="navigation_bar" href=#>Overview</a></li>
+
-
<li><a class="navigation_bar" href=#>Background</a></li>
+
-
<li><a class="navigation_bar" href=#>Design</a></li>
+
-
<li><a class="navigation_bar" href=#>Future work</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Team</a></h3>
+
-
<ul class="sub" style="display: none;">
+
-
<li><a class="navigation_bar" href=#>Our Team</a></li>
+
-
<li><a class="navigation_bar" href=#>Our University</a></li>
+
-
<li><a class="navigation_bar" href=#>Our Album</a></li>
+
-
<li><a class="navigation_bar" href=#>Our Album</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Outreach</a></h3>
+
-
<ul class="sub" style="display: none;">
+
-
<li><a class="navigation_bar" href=#>Abstract</a></li>
+
-
<li><a class="navigation_bar" href=#>Human Practice</a></li>
+
-
<li><a class="navigation_bar" href=#>Collaborations</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" class="navigation_bar" href=#>Notebook</a></h3>
+
-
<ul class="sub" style="display: none;">
+
-
<li><a class="navigation_bar" href=#>Wetlib Journal</a></li>
+
-
<li><a class="navigation_bar" href=#>Timeline</a></li>
+
-
<li><a class="navigation_bar" class="navigation_bar" href=#>Safety</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="block" style="left:251px;"></li>
+
-
</ul>
+
-
<div class="cl">&nbsp;</div>
+
-
</div>
+
-
+
-
</div>
+
-
+
-
<div id="main">
+
-
<div id="content" class="left">
+
-
            <div class="highlight">
+
-
            <br /><br /><br />
+
-
            <tr>
+
-
            <td> <h1 style="line-height: 19px; text-align: center;"> Project Description </h1></td>
+
-
            </tr>
+
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify;">
+
-
    <strong><span style="font-size: 14px;font-family: Arial, sans-serif">Chemtaxis</span></strong>
+
-
<span style="font-size: 14px;font-family: Arial, sans-serif">, which can make strains move, interest us this time. By reprogramming the strain (CL-1), which lacks the <em>CheZ</em> gene, we can create mathematical patterns. <em>CheZ</em> gene belongs to chemotaxis family of <em>E.coli</em>. Protein CheZ can dephosphorylate CheY-P, one that allows <em>E.coli</em> swimming smoothly. The </span><span style="font-size: 13px;font-family: 宋体">Δ</span><span style="font-size: 14px;font-family: Arial, sans-serif">CheZ bacteria can’t dephosphorylate CheY-P, so the strain won’t motile until <em>CheZ</em> is involved in. That means the motility of <em>E.coli</em> can be precisely control by stimulus (e.g. IPTG). We try to construct logic gene circuits to make <em>E.coli</em> recognize environmental stimulation, thus by utilizing the controlled chemotaxis which named pseudotaxis we could command bacteria to form patterns such as ellipse, hyperbola and so on.</span>
+
-
</p>
+
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify; ">
+
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">The intrinsic motivation that drive us striving for the above project is that we want to simulate the process of stem cell differentiation. In the organs development, stem cells differentiate while aggregate together to form heart, liver and kidney what have precise shapes. <strong>Perhaps some mathematical principles that govern the differentiation process.</strong> By simulating differentiation, we want to get a closer understanding of the differentiation process. However, <em>E.coli</em> can’t sense as much stimulus as stem cell, we intend to utilize RNA aptamers what has the potential to response to almost all stimulus to cover that shortage. Thus, we can get a more precise stimulation.</span>
+
-
</p>
+
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justifyS; ">
+
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">Besides, we try to utilize pseudotaxis to accomplish some experimental meaning. As far as we know, the motile ability is proportional to the amount of protein CheZ in certain range. By measuring the average chemotaxis distance, we will get a <strong>precise evaluation on the RBS efficiency</strong> that is evaluated by fluorescence strength previously.</span>
+
-
</p>
+
-
<p>
+
-
    <br/>
+
-
</p>
+
-
            </div>
+
-
+
-
</div>
+
-
+
-
<div class="cl">&nbsp;</div>
+
-
+
-
</div>
+
-
+
-
<div class="shadow-l"></div>
+
-
<div class="shadow-r"></div>
+
-
<div class="shadow-b"></div>
+
-
  </div>
+
-
 
+
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#flag_1").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/9/9b/XMU-Abstract-Chinese.png");
 +
});
 +
$("#flag_2").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/2/20/XMU-Abstract-English2.png");
 +
});
 +
$("#flag_3").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/3/3f/XMU-Abstract-French.png");
 +
});
 +
$("#flag_4").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/6/6a/XMU-Abstract-German.png");
 +
});
 +
});
 +
</script>
 +
 +
 +
<div style="width:1000px;margin:0px auto">
 +
<div id="icon" style="position:relative;top:-150px">
 +
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/5/5d/XMU-Home-icon-pp.png" id="icon1" class="icon" style="position:absolute; left: 50px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_1(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/4/4c/XMU-Home-icon-j.png" id="icon2" class="icon" style="position:absolute; left: -100px; top: 235px;" width="200px;" height="200px;" onmouseover="moveout_2(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/9c/XMU-Home-icon-safety.png" id="icon3" class="icon" style="position:absolute; left: 50px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_3(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/c/c2/XMU-icon_4.png" id="icon4" class="icon" style="position:absolute; left: 890px; top: 235px;" width="200px;" height="200px;"  onmouseover="moveout_4(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/48/XMU-icon_5.png" id="icon5" class="icon" style="position:absolute; left: 740px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_5(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/0/00/XMU-icon_6.png" id="icon6" class="icon" style="position:absolute; left: 740px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_6(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/3/3f/XMU-Home-turn-pp.png" id="turn1" class="turn" style="position:absolute; left: 50px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/3/38/XMU-Home-turn-j.png" id="turn2" class="turn" style="position:absolute; left: -100px; top: 235px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/90/XMU-Home-turn-safety.png" id="turn3" class="turn" style="position:absolute; left: 50px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/5/54/XMU-Turn_4.png" id="turn4" class="turn" style="position:absolute; left: 890px; top: 235px; z-index:1" width="200px;" height="200px;"  /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/4d/XMU-Turn_5.png" id="turn5" class="turn" style="position:absolute; left: 740px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/b/b7/XMU-Turn_6.png" id="turn6" class="turn" style="position:absolute; left: 740px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
 +
</div>
</div>
</div>
-
</div>
 
-
<script type="text/javascript">
 
-
$(function(){
 
-
    var nav = $(".nav");
 
-
    var init = $(".nav .m").eq(ind);
 
-
    var block = $(".nav .block");
 
-
    block.css({
 
-
        "left": init.position().left - 3
 
-
    });
 
-
    nav.hover(function() {},
 
-
    function() {
 
-
        block.stop().animate({
 
-
            "left": init.position().left - 3
 
-
        },
 
-
        100);
 
-
    });
 
-
    $(".nav").slide({
 
-
        type: "menu",
 
-
        titCell: ".m",
 
-
        targetCell: ".sub",
 
-
        delayTime: 300,
 
-
        triggerTime: 0,
 
-
        returnDefault: true,
 
-
        defaultIndex: ind,
 
-
        startFun: function(i, c, s, tit) {
 
-
            block.stop().animate({
 
-
                "left": tit.eq(i).position().left - 3
 
-
            },
 
-
            100);
 
-
        }
 
-
    });
 
-
});
 
-
var ind = 0;
+
<style type="text/css">
-
</script>
+
#pic{left: 250px; top: 160px;}
-
<div id="xmu_body">
+
.wys.icon{width: 100px; height: 100px;}
-
<div id="home_s1">
+
</style>
-
<canvas id="myCanvas" width="2000" height="1080" style="border:1px solid #c3c3c3;"></canvas>
+
-
</div>
+
-
<div id="xmu_software">
+
-
<div id="xmu_software_right_matrix"></div>
+
-
+
<style type="text/css">
 +
  #homepage {
 +
perspective:800;
 +
perspective-0rigin: 50% 50%;
 +
overflow: hidden;
 +
  }
 +
 +
  #icon {
 +
transform-style: preserve-3d;
 +
  }
-
<div id="home_s2">
+
  .icon{
-
<div class="teamname">XMU-SOFTWARE</div>
+
 
-
<div class="schoolname">Xiamen University</div>
+
transform-origin:center;
-
</div>
+
-webkit-transform-origin:center;
-
<div id="home_s3">
+
transition: all 0.2s linear;
-
<div id="home_title">
+
-ms-transition: all 0.2s linear;
-
<ul id="jsddm">
+
-moz-transition: all 0.2s linear; /* Firefox 4 */
-
<li><a href="https://2013.igem.org/Team:XMU_Software">Home</a></li>
+
-webkit-transition: all 0.2s linear; /* Safari and Chrome */
-
<li><a href="https://2013.igem.org/Team:XMU_Software/Team">Team</a></li>
+
-o-transition: all 0.2s linear; /* Opera */
-
<li><a href="https://2013.igem.org/Team:XMU_Software/Project/promoter">Project</a></li>
+
}
-
<li><a href="https://2013.igem.org/Team:XMU_Software/Requirements">Requirements</a></li>
+
 
-
<li><a href="https://2013.igem.org/Team:XMU_Software/Outreach">Outreach</a></li>
+
  .turn {
-
<li><a href="https://2013.igem.org/Team:XMU_Software/Notebook">Notebook</a></li>
+
transform-origin:center;
-
</ul>
+
-webkit-transform-origin:center;
-
</div>
+
transition: all 0.2s linear;
-
<div class="home_s3l1"></div>
+
-ms-transition: all 0.2s linear;
-
</div>
+
-moz-transition: all 0.2s linear; /* Firefox 4 */
-
<div id="home_s4">
+
-webkit-transition: all 0.2s linear; /* Safari and Chrome */
-
<div class="home_s4t1">We have designed <span class="home_s4t2">2</span> software tools</div></br></br>
+
-o-transition: all 0.2s linear; /* Opera */
-
<div class="home_s4t3">Brick Worker</div>
+
   
-
<div class="home_s4t4">Brick Worker is designed to analyze and  predict the strength of various biobricks, i.e. promoters, RBS, protein coding sequence and terminators. It uses Position Weight Matrix method to recognize the key determinants of promoter and RBS sequences, predict their strengths and optimizes the protein coding sequences by  codon usage bias. Brick Worker is the first software to give an all-round and reliable evaluation of all biobricks, especially, promoters, and represents a major step towards computational prediction and regulation of gene expression.</div></br></br>
+
transform:rotateX(90deg);
-
<div class="home_s4t3">E' NOTE</div>
+
-ms-transform:rotateX(90deg);
-
<div class="home_s4t4">
+
-moz-transform:rotateX(90deg); /* Firefox 4 */
-
E’ NOTE is a web application for experiments recording.
+
-webkit-transform:rotateX(90deg); /* Safari and Chrome */
-
<p>It provides a series of intelligent templates for the users which are linked to the plasmid library constructed by the users and can do some simple calculation.Human-orientated data export port facilitates the users to transfer the experiment notes from E’NOTE to their wiki.Integration of web applications designed by the past iGEM software teams and tools provided online helps the users get access to their desirable software easily.</p>
+
-o-transform:rotateX(90deg); /* Opera */
-
</div>
+
  }
 +
 +
</style>
 +
 +
<script>
 +
function moveout_1(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn1");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
-
</div>
+
}
-
</div>
+
 
-
</div>
+
-
<script>
+
-
//定位1366*768
+
-
var x = window.innerWidth-1366;
+
function moveout_2(obj) {
-
if(x>0){
+
obj.style.transform="rotateX(-90deg)";
-
x = window.innerWidth-1348;
+
obj.style.webkitTransform="rotateX(-90deg)";
-
x = x / 2;
+
    var next = document.getElementById("turn2");
-
document.getElementById("xmu_software").style.left= x+"px";
+
next.style.transform="rotateX(0deg)";
-
$("#search-controls").get(0).style.right= x+"px";
+
next.style.webkitTransform="rotateX(0deg)";
-
$(".right-menu").get(0).style.right= x+"px";
+
-
$(".left-menu").get(0).style.left= x+"px";
+
}
-
+
-
+
-
}
+
-
else{
+
-
x = window.innerWidth-1348;
+
-
document.getElementById("xmu_software").style.left="0px";
+
-
$("#search-controls").get(0).style.right=x+"px";
+
-
$(".right-menu").get(0).style.right=x+"px";
+
-
$(".left-menu").get(0).style.left="0px";
+
-
+
-
+
-
}
+
-
$("#xmu_software_right_matrix").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
-
$("#search-controls").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
function moveout_3(obj) {
-
$(".right-menu").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn3");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
-
$("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
function moveout_4(obj) {
-
+
obj.style.transform="rotateX(-90deg)";
-
if($(".left-menu").find("li").size()==7)
+
obj.style.webkitTransform="rotateX(-90deg)";
-
{
+
    var next = document.getElementById("turn4");
-
$(".left-menu").find("li").eq(6).html(""); 
+
next.style.transform="rotateX(0deg)";
-
$("#menubar").get(0).style.width="330px";
+
next.style.webkitTransform="rotateX(0deg)";
-
}
+
-
else
+
-
{
+
-
$(".left-menu").find("li").eq(4).html("");
+
-
$("#menubar").get(0).style.width="280px";
+
-
$("#pt-login").get(0).style.right="50px";
+
-
}
+
-
+
-
+
-
$("#xmu_body").scroll(function(){ movetotop();$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
-
+
-
color1=$("#notebook_s3p2").css("background-color");
+
-
color2=$("#notebook_s3p3").css("background-color");
+
-
+
-
var c=document.getElementById("myCanvas");
+
-
var cxt=c.getContext("2d");
+
-
var grd=cxt.createLinearGradient(20,10,2000,1080);
+
-
grd.addColorStop(0,"#becbad");
+
-
grd.addColorStop(0.5,"#e4d7aa");
+
-
grd.addColorStop(1,"#becbad");
+
-
cxt.fillStyle=grd;
+
-
cxt.fillRect(0,0,2000,2000);
+
-
</script>
+
-
<style>
+
-
#xmu_body{
+
-
overflow-x:hidden;
+
-
overflow-y:hidden;
+
}
}
-
</style>
+
 
 +
 +
function moveout_5(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn5");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
 
 +
 +
function moveout_6(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn6");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
function movein(obj) {
 +
    var prev = document.getElementById("turn1");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon1");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";    
 +
 +
var prev = document.getElementById("turn2");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon2");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn3");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon3");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn4");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon4");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn5");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon5");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn6");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon6");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
 +
}
 +
 
 +
</script>
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 01:59, 18 October 2014

Team:XMU-China

Retrieved from "http://2014.igem.org/Team:XMU-China"