Difference between revisions of "Team:Amoy"

 
(222 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<head>
 
<head>
 +
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 
<title>Aomy</title>
 
<title>Aomy</title>
  
−
<style type="text/css">
+
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
  
−
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&amp;ctype=text/css" />
−
{
+
−
margin: 0;
+
−
padding: 0;
+
−
font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;
+
−
font-size: 100%;
+
−
}
+
  
−
html,body
+
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/ScrollStyle?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
−
{
+
−
color: #333
+
−
}
+
  
−
body
+
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&amp;ctype=text/css" type="text/css" />
−
{
+
−
background: #fff;
+
−
}
+
  
−
ul,ol,li
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&amp;ctype=text/css" />
−
{
+
−
list-style: none;
+
−
}
+
  
−
a:link, a:visited
+
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&amp;ctype=text/javascript"></script>
−
{
+
</head>
−
color: #333;  
+
−
text-decoration: none;
+
−
}
+
  
−
a:hover
+
<body>
−
{
+
−
color: #12b7f5;
+
−
}
+
  
−
img
+
<!-- up -->
−
{
+
−
border: none;
+
−
}
+
  
−
em
+
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
−
{
+
−
font-style: normal;
+
−
}
+
  
−
h1,h2,h3,h4,h5
+
<script>
−
{  
+
$(function(){
−
font-weight: normal;
+
$(window).scroll(function(){
−
}
+
var _top = $(window).scrollTop();
 +
if(_top>300){
 +
$('.lanrenzhijia_top').fadeIn(600);
 +
}else{
 +
$('.lanrenzhijia_top').fadeOut(600);
 +
}
 +
});
 +
$(".lanrenzhijia_top").click(function(){
 +
$("html,body").animate({scrollTop:0},400);
 +
});
 +
});
 +
</script>
  
−
.clearfloat:after
 
−
{
 
−
content: '.';
 
−
display: block;
 
−
overflow: hidden;
 
−
visibility: hidden;
 
−
font-size: 0;
 
−
line-height: 0;
 
−
width: 0;
 
−
height: 0;
 
−
}
 
  
−
.clearfloat
+
<!-- skip -->
−
{
+
−
zoom: 1;
+
−
}
+
  
−
.max1600
+
<a class="down" href="javascript:;">
−
{
+
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
−
max-width: 1600px;  
+
<p style="color: #fff">Skip</p>
−
min-width: 1007px;  
+
</div>
−
margin: 0 auto;
+
</a>
−
}
+
  
−
.topbar
+
<script>
−
{  
+
$(function(){
−
position: absolute;
+
$(".down").click(function(){
−
left: 0;
+
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
−
top: 0;  
+
});
−
width:100%;  
+
});
−
height:150px;  
+
</script>
−
z-index: 900;
+
−
}
+
  
−
.toppic
+
<!--Scroll-->
−
{
+
−
max-width: 1170px;
+
−
min-width: 980px;
+
−
width: 80%;
+
−
height: 75px;
+
−
margin: 0 auto;
+
−
}
+
  
−
.toppic a:link, .toppic a:visited
+
<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
−
{
+
<div class="holder">
−
color: #fff;
+
−
}
+
  
−
.topicfixed
+
<div id="wowslider-container">
−
{
+
−
position: fixed;
+
−
left: 0;
+
−
top: 0;
+
−
background: #fff;
+
−
border-bottom: 1px solid #f1f1f1;
+
−
}
+
  
−
.topicfixed a:link, .topicfixed a:visited
+
<!--Scroll pic-->
−
{  
+
<div class="ws_images">
−
color: #333;
+
<ul>
 +
<li><a href="#menu" id="ClickSkip"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
 +
<li><a><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
 +
<li><a><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
 +
</ul>
 +
</div>
 +
 
 +
<script>
 +
$(function(){
 +
$("#ClickSkip").click(function(){
 +
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
 +
});
 +
});
 +
</script>
 +
 
 +
<!--little pic-->
 +
<div class="ws_bullets">
 +
<div>
 +
<a><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
 +
<a><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
 +
<a><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<!--Main Content-->
 +
 
 +
<div class="content">
 +
 
 +
<!--title_circuits-->
 +
<div style="padding-top: 10px; padding-bottom: 10px;">
 +
<img style="width: 80%; margin-left: 10%;" src="https://static.igem.org/mediawiki/2015/1/14/Amoy-Home_Title_pic1.png"/>
 +
</div>
 +
 
 +
<!--bg_circuits-->
 +
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 +
<div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;">
 +
</div>
 +
 
 +
<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
 +
<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/e/ec/AMOY_album_video_2.0.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video>
 +
<button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<script type="text/javascript">
 +
document.getElementById("video_button").onclick=function(){
 +
  document.getElementById("video_out").style.display="inline-block";
 +
  document.getElementById("video_back").style.display="inline-block";
 
}
 
}
 +
</script>
  
−
.topside
+
<script type="text/javascript">
−
{  
+
document.getElementById("video_back").onclick=function(){
−
float: left;  
+
  document.getElementById("video_out").style.display="none";
−
width: 59%;
+
  document.getElementById("video_back").style.display="none";
 
}
 
}
 +
</script>
  
−
/* banner */
+
<!--title_result-->
−
.crossbanenr{ width: 100%; height: 578px;}
+
<div style="background: #fff; width: 100%; overflow: hidden">
−
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;}
+
<a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a>
−
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
+
<img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/7/78/Amoy-Home_Title_pic31.png" />
−
.crossbanenr li:first-child{ display: block;}
+
</div>
−
.crossbanenr li.current{ z-index: 2;}
+
  
 +
<!--bg_experiment-->
 +
<div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
 +
</div>
 +
<!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg-->
  
−
.crossbanenr li.pcqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
<!--title_experiment-->
−
.crossbanenr li.mbqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
−
.crossbanenr li.padqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
−
.crossbanenr li.watchbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
  
−
.circle{ position: relative; width: 100%; height: 52px; margin-top: -52px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/linearbot.png) repeat-x left top; text-align: center; z-index: 5;}
+
<div style="background: #fff; width: 100%; height: 524px; ">
−
.circle span{ margin: 0 5px; padding: 2px 5px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/nav.png) no-repeat center center; cursor: pointer;}
+
<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
−
.circle span.on{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/navcur.png);}
+
<div style="position: absolute; right: 3%; width: 41.66667%;">
 +
<a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a>
 +
</div>
 +
<div>
 +
<img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" />
 +
</div>
 +
</div>
 +
</div>
  
−
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
+
<!--bg_result-->
−
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;}
+
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg33.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
−
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
+
</div>
−
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(https://static.igem.org/mediawiki/2015/3/33/Btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
+
−
.bntxt a:link, .bntxt a:visited{ color: #fff;}
+
−
.bntxt a.bnzc{ background-position: 0 0;}
+
−
.bntxt a.bnzc:hover{ background-position: 0 -77px;}
+
−
.bntxt a.bnxz{ background-position: 0 0;}
+
−
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
+
  
−
.pcqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
<!--main_menu-->
−
.mbqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
<div id="menu" style="background: #fff; width: 100%; overflow: hidden">
−
.padqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
<img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" />
−
.watchbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
<!--pic-->
  
−
.circle{ position: relative; width: 100%; height: 52px; margin-top: -52px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/linearbot.png) repeat-x left top; text-align: center; z-index: 5;}
 
−
.circle span{ margin: 0 5px; padding: 2px 5px; background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/nav.png) no-repeat center center; cursor: pointer;}
 
−
.circle span.on{ background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/navcur.png);} */
 
  
−
.content{ width: 100%;}
+
<!--menu_pic-->
−
.activebg{ position: relative; width: 100%; height: 600px; background: #fff; background-attachment: fixed;background-position: center 0; background-repeat: no-repeat;}
+
  
−
#content{padding: 0; border: 0; width: 100%;}
+
<div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;">
 +
            <div class="content-container">
 +
                <div id="portfolio-content" class="center-text">
 +
                    <div class="portfolio-page" id="page-1">
  
−
.firstHeading{visibility: hidden; }
+
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Team</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Project</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Notebook</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
−
</style>
+
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab">
 +
                                <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Interlab</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
−
</head>
 
  
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter">
 +
                                <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                                             
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practices">
 +
                                <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Practice</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
−
<body>
+
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging">
 +
                                <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Judging</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
−
<div class="crossbanenr">
+
                        <div class="portfolio-group">
−
    <ul id="crossbanenr">
+
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety">
−
       
+
                                <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" />
−
        <li class="pcqqbg">
+
                                <div class="detail">
−
            <div class="bncont">
+
                                    <h1 class="funch">Safety</h1>
−
                <div class="bntxt">
+
                                </div>
−
                    <h2>Amoy China</h2>
+
                            </a>
−
                    <a class="bnxz" href="https://2015.igem.org/Team:Amoy/project">more</a>
+
                        </div>
 +
 
 +
                    </div>
 
                 </div>
 
                 </div>
 +
 
             </div>
 
             </div>
−
        </li>
 
−
<li class="pcqqbg">
 
−
            <div class="bncont">
 
−
                <div class="bntxt">
 
−
                    <h2>Amoy China</h2>
 
−
                    <a class="bnxz" href="https://2015.igem.org/Team:Amoy/project">more</a>
 
−
                </div>
 
−
            </div>
 
−
        </li>
 
−
<li class="pcqqbg">
 
−
            <div class="bncont">
 
−
                <div class="bntxt">
 
−
                    <h2>Amoy China</h2>
 
−
                    <a class="bnxz" href="https://2015.igem.org/Team:Amoy/project">more</a>
 
−
                </div>
 
−
            </div>
 
−
        </li>
 
  
−
    </ul>
+
        </div>
−
</div>
+
  
−
 
−
<div class="content">
 
−
<div>
 
−
<img src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/>
 
 
</div>
 
</div>
−
 
−
<div>
 
−
<img src="https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg">
 
 
</div>
 
</div>
  
−
<div style="background: #fff; width: 100%; height: 524px;">
+
<!--end content-->
−
<div style="position: relative; width: 1300px; height: 584px; margin: 0 auto;">
+
−
 
+
−
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
+
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/7/78/H2.png" />
+
−
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.</p>
+
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
+
−
<a style="color: #12b7f5;">Learn more ></a>
+
−
</p>
+
−
</div>
+
−
 
+
−
<div>
+
−
<img style="position: absolute; left: 30px; width: 770px; height: 763px;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
+
 
</div>
 
</div>
  
 +
<!--footer-->
 +
<div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;">
 +
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 +
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
 +
<p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p>
 +
<p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email:  </strong>igemxmu@gmail.com</p>
 +
<p style="font-size: 14px; color: #fff;"><strong>Website:  </strong><a href="https://2015.igem.org/Team:Amoy" target="_blank" style="color: #fff;">2015.igem.org/Team:Amoy</a></p>
 +
<p style="font-size: 14px; color: #fff;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 
</div>
 
</div>
 +
<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a>
 +
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
 +
<a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 +
<a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 
</div>
 
</div>
  
−
</div>
 
−
 
−
 
−
<script type="text/javascript" src="jquery-1.11.1.js"></script>
 
−
<script type="text/javascript">
 
−
$(function(){$.qReport(1);$.stellar({horizontalScrolling:false,verticalOffset:40});$("#topNav").navtab();$("#crossbanenr").picfade({timerange:3000});$("body").pgvClick();if(window.pgvMain){window.pgvMain()}swfobject.embedSWF("http://im.qq.com/online/flash/flash20140304.swf","flashBox","910","700","9.0.0","expressInstall.swf");$("#viewOnline").click(function(e){e.preventDefault();$("#flashDiv").show();$("#overlay").css({opacity:"0.9"}).fadeIn();$("#overlay").css({height:$(document).height()})});$("#flashClose").click(function(e){e.preventDefault();$("#flashDiv").hide();$("#overlay").fadeOut()});window.online_resp=function(data){if(data&&data.c){$("#cur_online").text(data.c.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,"))}};$.getJSON("http://mma.qq.com/cgi-bin/im/online&callback=?",function(data){});var cookie={get:function(n){var m=document.cookie.match(new RegExp("(^| )"+n+"=([^;]*)(;|$)"));return !m?"":decodeURIComponent(m[2])},set:function(name,value,domain,path,hour){var expire=new Date();expire.setTime(expire.getTime()+(hour?3600000*hour:30*24*60*60*1000));document.cookie=name+"="+value+"; expires="+expire.toGMTString()+"; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},del:function(name,domain,path){document.cookie=name+"=; expires=Mon, 26 Jul 1997 05:00:00 GMT; path="+(path?path:"/")+"; "+(domain?("domain="+domain+";"):"")},uin:function(){var u=cookie.get("uin");return !u?null:parseInt(u.substring(1,u.length),10)}};var htmlEncodeDict={'"':"#34","<":"#60",">":"#62","&":"#38"," ":"#160"};var encodeHtml=function(s){s+="";return s.replace(/["<>& ]/g,function(all){return"&"+htmlEncodeDict[all]+";"})};window.loginAll=function(json){if(json&&json.result==0){uin=cookie.uin();$("#login").hide();$("#nick").html("hi,"+encodeHtml(json.nick));var $loginImg=$('<img id="loginImg" src="'+json.Face+'" alt="" />').insertAfter("#login");$("#loginInfo").addClass("logined");$("#loginInfo").hover(function(){if($(this).hasClass("logined")){$("#loginPenel").slideDown(300)}},function(){$("#loginPenel").hide()})}};try{var uin=cookie.uin();var skey=cookie.get("skey");if(!!uin){$.getScript("http://qfwd.qq.com/?uin="+uin+"&skey="+skey+"&func=loginAll&refresh=0&ran="+Math.random(),function(){})}}catch(e){}window.ptlogin2_onClose=function(){$("#login_div").hide();$("#overlay").fadeOut()};window.ptlogin2_onResize=function(width,height){$("#login_div").css({width:width,height:height,visibility:"hidden"}).css("visibility","visible")};function str2JSON(str){eval("var __pt_json="+str);return __pt_json}if(typeof window.postMessage!=="undefined"){window.onmessage=function(event){var msg=event||window.event;var data;if(typeof JSON!=="undefined"){data=JSON.parse(msg.data)}else{data=str2JSON(msg.data)}switch(data.action){case"close":ptlogin2_onClose();break;case"resize":ptlogin2_onResize(data.width,data.height);break;default:break}}}var showLogin=function(){var loginWin=$("#login_div");var _url=window.location.href;if(!loginWin.length){loginWin=$('<div id="login_div" class="login_div"><iframe name="login_frame" frameborder="0" scrolling="auto" width="100%" height="100%" src="http://xui.ptlogin2.qq.com/cgi-bin/xlogin?appid=501038301&proxy_url=http%3A%2F%2Fid.qq.com%2Flogin%2Fproxy.html&s_url='+encodeURIComponent(_url)+'"></iframe></div>');loginWin.appendTo($("body"))}$("#overlay").css({opacity:"0.5"}).fadeIn();$("#overlay").css({height:$(document).height()});loginWin.show()};$("#login").click(function(e){e.preventDefault();showLogin()});$("#lgout").click(function(e){e.preventDefault();cookie.del("uin",".qq.com");cookie.del("skey",".qq.com");cookie.del("uin","im.qq.com");cookie.del("skey","im.qq.com");$("#loginPenel").hide();$("#login").show();$("#loginImg").hide();$("#loginInfo").removeClass("logined")});var mod=$(".qfigure");var $body=$("body");var dataArr=[];$(mod).each(function(i,item){if(i===0){dataArr[i]=$(item).offset().top-Math.floor($(item).height()/2)-500}else{dataArr[i]=$(item).offset().top-Math.floor($(item).height()/2)}});var winHeight=$(window).height();var bodyheight=$body.height();$(".crossbanenr").animate({height:(winHeight-150)>540?(winHeight-150):540},100,function(){});$(window).resize(function(){winHeight=$(window).height();bodyheight=$body.height();$(".crossbanenr").animate({height:(winHeight-150)>540?(winHeight-150):540},100,function(){})});var isIE=!!window.ActiveXObject;var scrollTop=$(window).scrollTop();var clientHeight=$(window).height();var contentHeight=584;var barHeight=600;var firstHeight=778;var topHeight=321;var thirdScroll=clientHeight<(topHeight+firstHeight)?contentHeight:(contentHeight-clientHeight+topHeight+firstHeight);var fourthScroll=thirdScroll+contentHeight+barHeight;var fifthScroll=fourthScroll+contentHeight+barHeight;var sixthScroll=fifthScroll+contentHeight+barHeight;var changeH=(firstHeight+topHeight-clientHeight)/2;var st=new Date().getTime();$(window).scroll(function(e){scrollTop=$(window).scrollTop();if(scrollTop>=firstHeight){$("#topbar").addClass("topicfixed")}else{if($("#topbar").hasClass("topicfixed")){$("#topbar").removeClass("topicfixed")}}if(scrollTop<100){$body.attr("id","pg0")}$(dataArr).each(function(i,item){if(Math.floor(winHeight/2)+scrollTop>=item){$body.attr("id","pg"+(i+1))}});if(scrollTop+winHeight>=bodyheight){$body.attr("id","pg3")}})});
 
  
−
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:33, 19 September 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery

CONTACT US

Email: igemxmu@gmail.com

Website: 2015.igem.org/Team:Amoy

Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005