"
Team:UESTC-China/home1
From 2014.igem.org
(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Plant Vs HCHO</title> <style> ...") |
|||
| (11 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
<title>Plant Vs HCHO</title> | <title>Plant Vs HCHO</title> | ||
| - | |||
| - | |||
<style> | <style> | ||
| - | + | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { | |
| - | + | margin: 0; | |
| - | + | padding: 0; | |
| - | + | border: 0; | |
| - | body{ | + | outline: 0; |
| - | background-color:#bfbfbf; | + | font-size: 100%; |
| + | vertical-align: baseline; | ||
| + | background: transparent | ||
| + | } | ||
| + | body { | ||
| + | line-height: 1 | ||
| + | } | ||
| + | ol, ul { | ||
| + | list-style: none | ||
| + | } | ||
| + | blockquote, q { | ||
| + | quotes: none | ||
| + | } | ||
| + | blockquote:before, blockquote:after, q:before, q:after { | ||
| + | content: ''; | ||
| + | content: none | ||
| + | } | ||
| + | :focus { | ||
| + | outline: 0 | ||
| + | } | ||
| + | ins { | ||
| + | text-decoration: none | ||
| + | } | ||
| + | del { | ||
| + | text-decoration: line-through | ||
| + | } | ||
| + | table { | ||
| + | border-collapse: collapse; | ||
| + | border-spacing: 0 | ||
| + | } | ||
| + | body { | ||
| + | background-color: #bfbfbf; | ||
} | } | ||
| - | a{ | + | a { |
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
} | } | ||
| - | a:hover{ | + | a:hover { |
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
} | } | ||
| - | a:active{ | + | a:active { |
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
} | } | ||
| - | a:visited{ | + | a:visited { |
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
} | } | ||
| - | #top-section{ | + | #top-section { |
height: 0px; | height: 0px; | ||
| - | border:none; | + | border: none; |
} | } | ||
| - | #search-controls{ | + | #search-controls { |
display: none; | display: none; | ||
} | } | ||
| - | #p-logo{ | + | #p-logo { |
display: none; | display: none; | ||
} | } | ||
| - | #total-wrap{ | + | #total-wrap { |
| - | position:absolute; | + | position: absolute; |
width: 1215px; | width: 1215px; | ||
left: 50%; | left: 50%; | ||
| Line 47: | Line 76: | ||
color: white; | color: white; | ||
} | } | ||
| - | #header{ | + | #header { |
height: 280px; | height: 280px; | ||
| - | background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");/* yan change to plant-vs HCHO*/ | + | background-image: url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");/* yan change to plant-vs HCHO*/ |
background-position: top center; | background-position: top center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| - | border-radius:3px; | + | border-radius: 3px; |
overflow: hidden; | overflow: hidden; | ||
width: 1214px; | width: 1214px; | ||
} | } | ||
| - | #emp{ | + | #emp { |
| - | height:200px; | + | height: 200px; |
} | } | ||
| - | #top-menu{ | + | #top-menu { |
display: inline-block; | display: inline-block; | ||
| - | padding-left:20px; | + | padding-left: 20px; |
background-color: #394264; | background-color: #394264; | ||
width: 1195px; | width: 1195px; | ||
| - | |||
} | } | ||
@font-face { | @font-face { | ||
| - | + | font-family: ubuntu; | |
| - | + | src: url(Ubuntu-R.ttf); | |
} | } | ||
| - | .top-menu-each{ | + | .top-menu-each { |
height: 63px; | height: 63px; | ||
| - | + | font-family: helveticallt, "微软雅黑"; | |
| - | font-family: helveticallt,"微软雅黑"; | + | |
color: white; | color: white; | ||
font-size: 21px; | font-size: 21px; | ||
float: left; | float: left; | ||
cursor: pointer; | cursor: pointer; | ||
| - | font-weight: bold; | + | font-weight: bold; |
} | } | ||
| - | + | .top-menu-each p { | |
| - | .top-menu-each p{ | + | |
float: left; | float: left; | ||
padding-right: 40px; | padding-right: 40px; | ||
| Line 87: | Line 113: | ||
line-height: 63px; | line-height: 63px; | ||
} | } | ||
| - | .arrow{ | + | .arrow { |
float: left; | float: left; | ||
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");/*needn't change*/ | background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");/*needn't change*/ | ||
| Line 97: | Line 123: | ||
margin-top: 30px; | margin-top: 30px; | ||
position: absolute; | position: absolute; | ||
| - | |||
} | } | ||
| - | .top-menu-each:hover{ | + | .top-menu-each:hover { |
background-color: #50597B; | background-color: #50597B; | ||
| - | border-bottom-style:solid; | + | border-bottom-style: solid; |
border-bottom-width: 2px; | border-bottom-width: 2px; | ||
| - | border-bottom-color:#11a8ab; | + | border-bottom-color: #11a8ab; |
height: 61px; | height: 61px; | ||
| - | |||
} | } | ||
| - | .top-menu-each.click{ | + | .top-menu-each.click { |
background-color: #50597B; | background-color: #50597B; | ||
| - | border-bottom-style:solid; | + | border-bottom-style: solid; |
border-bottom-width: 2px; | border-bottom-width: 2px; | ||
| - | border-bottom-color:#11a8ab; | + | border-bottom-color: #11a8ab; |
height: 61px; | height: 61px; | ||
} | } | ||
| - | .top-menu-sub{ | + | .top-menu-sub { |
position: absolute; | position: absolute; | ||
margin-top: 63px; | margin-top: 63px; | ||
| Line 120: | Line 144: | ||
min-width: 215px; | min-width: 215px; | ||
} | } | ||
| - | .top-menu-sub li{ | + | .top-menu-sub li { |
background-color: #394264; | background-color: #394264; | ||
border-top-style: solid; | border-top-style: solid; | ||
| Line 132: | Line 156: | ||
height: 55px; | height: 55px; | ||
line-height: 55px; | line-height: 55px; | ||
| - | cursor:pointer; | + | cursor: pointer; |
} | } | ||
| - | .top-menu-sub li:hover{ | + | .top-menu-sub li:hover { |
background-color: #50597B; | background-color: #50597B; | ||
} | } | ||
| - | #big-photo{ | + | #big-photo { |
margin-top: 5px; | margin-top: 5px; | ||
height: 500px; | height: 500px; | ||
| Line 143: | Line 167: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| - | #big-photo img{ | + | #big-photo img { |
height: 500px; | height: 500px; | ||
width: 1214px; | width: 1214px; | ||
position: absolute; | position: absolute; | ||
| - | |||
} | } | ||
| - | #big-photo-hover{ | + | #big-photo-hover { |
height: 130px; | height: 130px; | ||
padding-left: 35px; | padding-left: 35px; | ||
| Line 161: | Line 184: | ||
} | } | ||
@font-face { | @font-face { | ||
| - | + | font-family: helveticamd; | |
| - | + | src: url(HelveticaNeueLTStd-Md.otf); | |
} | } | ||
@font-face { | @font-face { | ||
| - | + | font-family: helveticalt; | |
| - | + | src: url(HelveticaNeueLTStd-Lt.otf); | |
} | } | ||
| - | #big-photo-hover .header{ | + | #big-photo-hover .header { |
font-size: 30px; | font-size: 30px; | ||
line-height: 30px; | line-height: 30px; | ||
| - | font-family: helveticalmd,"微软雅黑"; | + | font-family: helveticalmd, "微软雅黑"; |
font-weight: bold; | font-weight: bold; | ||
padding-top: 25px; | padding-top: 25px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
| - | #big-photo-hover .content{ | + | #big-photo-hover .content { |
font-size: 23px; | font-size: 23px; | ||
line-height: 23px; | line-height: 23px; | ||
| - | font-family: helveticallt,"微软雅黑"; | + | font-family: helveticallt, "微软雅黑"; |
} | } | ||
| - | #big-photo-wrap{ | + | #big-photo-wrap { |
position: absolute; | position: absolute; | ||
width: 1214px; | width: 1214px; | ||
| Line 187: | Line 210: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| - | #small-photo{ | + | #small-photo { |
margin-top: 15px; | margin-top: 15px; | ||
display: inline-block; | display: inline-block; | ||
margin-bottom: 335px; | margin-bottom: 335px; | ||
} | } | ||
| - | .small-photo-each{ | + | .small-photo-each { |
width: 351px; | width: 351px; | ||
height: 410px; | height: 410px; | ||
padding-top: 10px; | padding-top: 10px; | ||
| - | padding-bottom:5px; | + | padding-bottom: 5px; |
padding-left: 10px; | padding-left: 10px; | ||
| - | padding-right: 10px; | + | padding-right: 10px; |
margin-right: 51px; | margin-right: 51px; | ||
float: left; | float: left; | ||
background-color: white; | background-color: white; | ||
} | } | ||
| - | .small-photo-each img{ | + | .small-photo-each img { |
width: 351px; | width: 351px; | ||
height: 410px; | height: 410px; | ||
} | } | ||
| - | .small-photo-each.last{ | + | .small-photo-each.last { |
margin-right: 0px; | margin-right: 0px; | ||
} | } | ||
| - | #footer{ | + | #footer { |
| - | + | ||
height: 180px; | height: 180px; | ||
| - | background-color:white; | + | background-color: white; |
| - | border-top-left-radius:8px; | + | border-top-left-radius: 8px; |
| - | border-top-right-radius:8px; | + | border-top-right-radius: 8px; |
margin-top: 30px; | margin-top: 30px; | ||
} | } | ||
| - | #main-content{ | + | #main-content { |
| - | position:absolute; | + | position: absolute; |
margin-top: 40px; | margin-top: 40px; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| - | #left-bar{ | + | #left-bar { |
width: 225px; | width: 225px; | ||
border-radius: 3px; | border-radius: 3px; | ||
| Line 229: | Line 251: | ||
position: absolute; | position: absolute; | ||
} | } | ||
| - | .left-bar-each{ | + | .left-bar-each { |
height: 60px; | height: 60px; | ||
background-color: #394264; | background-color: #394264; | ||
| - | font-family: ubuntu,"宋体"; | + | font-family: ubuntu, "宋体"; |
font-size: 18px; | font-size: 18px; | ||
line-height: 60px; | line-height: 60px; | ||
| Line 241: | Line 263: | ||
border-bottom-width: 1px; | border-bottom-width: 1px; | ||
} | } | ||
| - | .left-bar-each:hover{ | + | .left-bar-each:hover { |
background-color: #50597b; | background-color: #50597b; | ||
} | } | ||
| - | .left-bar-each.top{ | + | .left-bar-each.top { |
background-color: #38b7c4; | background-color: #38b7c4; | ||
| - | text-align:center; | + | text-align: center; |
padding-left: 0px; | padding-left: 0px; | ||
} | } | ||
| - | .left-bar-each.top:hover{ | + | .left-bar-each.top:hover { |
background-color: #38b7c4; | background-color: #38b7c4; | ||
} | } | ||
| - | .left-bar-sub .left-bar-each{ | + | .left-bar-sub .left-bar-each { |
padding-left: 90px; | padding-left: 90px; | ||
} | } | ||
| - | #middle-photo{ | + | #middle-photo { |
float: left; | float: left; | ||
margin-bottom: 445px; | margin-bottom: 445px; | ||
} | } | ||
| - | .middle-photo-each{ | + | .middle-photo-each { |
| - | padding:9px 9px 9px 9px; | + | padding: 9px 9px 9px 9px; |
background-color: white; | background-color: white; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
margin-left: 250px; | margin-left: 250px; | ||
| - | |||
} | } | ||
| - | .middle-photo-each .middle-content{ | + | .middle-photo-each .middle-content { |
height: 400px; | height: 400px; | ||
width: 947px; | width: 947px; | ||
} | } | ||
| - | .middle-content img{ | + | .middle-content img { |
float: left; | float: left; | ||
} | } | ||
| - | #examplepic{ | + | #examplepic { |
width: 100px; | width: 100px; | ||
| - | height:60px; | + | height: 60px; |
} | } | ||
| - | .middle-content p{ | + | .middle-content p { |
color: black; | color: black; | ||
font-size: 16px; | font-size: 16px; | ||
| Line 283: | Line 304: | ||
line-height: 20px; | line-height: 20px; | ||
} | } | ||
| - | #team-content{ | + | #team-content { |
margin-top: 15px; | margin-top: 15px; | ||
margin-bottom: 95px; | margin-bottom: 95px; | ||
} | } | ||
| - | .team-photo img{ | + | .team-photo img { |
width: 1215px; | width: 1215px; | ||
} | } | ||
| - | .team-photo{ | + | .team-photo { |
margin-bottom: -2px; | margin-bottom: -2px; | ||
} | } | ||
| - | #top{ | + | #top { |
| - | background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');/*no change*/ | + | background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');/*no change*/ |
width: 57px; | width: 57px; | ||
height: 57px; | height: 57px; | ||
| Line 302: | Line 323: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| - | #logo{ | + | #logo { |
position: absolute; | position: absolute; | ||
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");/*no change*/ | background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");/*no change*/ | ||
| Line 311: | Line 332: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| - | #footer-box{ | + | #footer-box { |
display: none; | display: none; | ||
} | } | ||
| - | .firstHeading{ | + | .firstHeading { |
display: none; | display: none; | ||
} | } | ||
| - | #content{ | + | #content { |
| - | border:none; | + | border: none; |
background: none; | background: none; | ||
} | } | ||
| - | li{ | + | li { |
| - | color:white; | + | color: white; |
} | } | ||
| - | #intro1{ | + | #intro1 { |
| - | font-family: helveticalmd,"微软雅黑"; | + | font-family: helveticalmd, "微软雅黑"; |
font-size: 50px; | font-size: 50px; | ||
margin-top: 40px; | margin-top: 40px; | ||
| Line 331: | Line 352: | ||
color: white; | color: white; | ||
} | } | ||
| - | #intro2{ | + | #intro2 { |
| - | font-family: helveticalmd,"微软雅黑"; | + | font-family: helveticalmd, "微软雅黑"; |
font-size: 23px; | font-size: 23px; | ||
margin-left: 10px; | margin-left: 10px; | ||
margin-right: 10px; | margin-right: 10px; | ||
| - | color:white; | + | color: white; |
| - | + | text-align: justify; | |
| - | text-align:justify; | + | text-justify: inter-ideograph; |
| - | text-justify:inter-ideograph; | + | text-indent: 2em; |
| - | + | ||
| - | text-indent:2em; | + | |
} | } | ||
| - | #introduction{ | + | #introduction { |
| - | background-color:#1bbc9b | + | background-color: #1bbc9b |
} | } | ||
/*中间图片*/ | /*中间图片*/ | ||
| - | *{list-style:none;border:0; | + | * { |
| - | + | list-style: none; | |
| - | .container ul, .container li{list-style:none;margin:0;padding:0;} | + | border: 0; |
| - | + | } | |
| - | .num{ position:absolute; right:5px; bottom:5px; font:20px/1.5 tahoma, arial; height:18px;} | + | .container ul, .container li { |
| - | .num li{ | + | list-style: none; |
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .num { | ||
| + | position: absolute; | ||
| + | right: 5px; | ||
| + | bottom: 5px; | ||
| + | font: 20px/1.5 tahoma, arial; | ||
| + | height: 18px; | ||
| + | } | ||
| + | .num li { | ||
float: left; | float: left; | ||
color: #d94b01; | color: #d94b01; | ||
| Line 366: | Line 396: | ||
background-color: #fcf2cf; | background-color: #fcf2cf; | ||
} | } | ||
| - | .num li.on{ | + | .num li.on { |
line-height: 18px; | line-height: 18px; | ||
width: 18px; | width: 18px; | ||
height: 18px; | height: 18px; | ||
font-size: 14px; | font-size: 14px; | ||
| - | margin-top:-2px; | + | margin-top: -2px; |
background-color: #ff9415; | background-color: #ff9415; | ||
font-weight: bold; | font-weight: bold; | ||
| - | color:#FFF; | + | color: #FFF; |
| + | } | ||
| + | .container, .container img { | ||
| + | width: 1212px; | ||
| + | height: 467px; | ||
| + | } | ||
| + | .container img { | ||
| + | border: 0; | ||
| + | vertical-align: top; | ||
} | } | ||
| - | |||
| - | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<div id="total-wrap"> | <div id="total-wrap"> | ||
| - | <div id="header"> | + | <div id="header"> |
| - | <div id="emp"> | + | <div id="emp"> |
| - | <div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/60/LiLogo.png"></a></div> | + | <div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/60/LiLogo.png"></a></div> |
| + | </div> | ||
| + | <div id="top-menu"> | ||
| + | <div class="top-menu-each"> <a href="https://2014.igem.org/Team:UESTC-China"> | ||
| + | <p>Home</p> | ||
| + | </a> </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Team</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/Team"> | ||
| + | <li>Members</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Attribution"> | ||
| + | <li>Attribution</li> | ||
| + | </a> <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"> | ||
| + | <li>Team Profile</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Notebook"> | ||
| + | <li>Notebook</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Project</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/Project"> | ||
| + | <li>Overview</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Design"> | ||
| + | <li>Design</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/result"> | ||
| + | <li>Result</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Futurework"> | ||
| + | <li>Future work</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Modeling</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"> | ||
| + | <li>Overview</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Modeling1"> | ||
| + | <li>HPS/PHI</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Modeling2"> | ||
| + | <li>FALDH/FDH</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Modeling3"> | ||
| + | <li>AtAHA2 | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Parts</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/BioBrick"> | ||
| + | <li>BioBrick</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Protocol"> | ||
| + | <li>Protocol</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Human Practice</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"> | ||
| + | <li>Knowledge quiz</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"> | ||
| + | <li>Lecture</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Communication.html"> | ||
| + | <li>Communication</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"> | ||
| + | <li>Questionnaire</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Safety</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/Safety"> | ||
| + | <li>Safety</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="container" id="idContainer2"> | ||
| + | <ul id="idSlider2"> | ||
| + | <li><a> <img src="https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg" /> </a></li> | ||
| + | <li><a> <img src="https://static.igem.org/mediawiki/2014/8/83/Home1.jpg" /> </a></li> | ||
| + | <li><a> <img src="https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg" /> </a></li> | ||
| + | <li><a> <img src="https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg" /> </a></li> | ||
| + | </ul> | ||
| + | <ul class="num" id="idNum"> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div id="introduction"> | ||
| + | <p id="intro1"><b>Introduction</b></p> | ||
| + | <br/> | ||
| + | <p id="intro2">As the rapid economic development in China, the residential conditions of people have been greatly improved. Unfortunately, the potential harm of their indoor decoration was always neglected until people get sick. One of the most harmful gases of the indoor pollution could be the formaldehyde. Formaldehyde is a toxic gas appears in every single room which is newly decorated. It not only has bad smell, but also cause various of desease, like skin and mucous membrane irritation, immunity or memory decline, drowsiness, fatigue, cancer, allergic dermatitis. To decrease the concentration of HCHO, we got air purifier, physical adsorption, negative air ions, photocatalyst pathway and etc. We thought that the biological methods is the best. It's delicate, it's simple, and it's safe. Therefore, we decided to cultivate a plant which got the ability to metabolize the formaldehyde. Actually, all kinds of plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better. In the future,we sincerely chrish the hope that our work will be put to use in our everyday life.</p> | ||
| + | <br/> | ||
| + | </div> | ||
| + | <div id="footer"> <img src='https://static.igem.org/mediawiki/2014/8/86/HFoot.png' /> </div> | ||
</div> | </div> | ||
| - | + | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"> | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | </script> | + | |
<script> | <script> | ||
| Line 729: | Line 652: | ||
Run: function(index) { | Run: function(index) { | ||
//修正index | //修正index | ||
| - | index == undefined | + | if(index == undefined) { |
| - | index < 0 | + | index = this.Index; |
| + | } | ||
| + | if(index < 0 ) { | ||
| + | index = this._count-1; | ||
| + | }else if (index >= this._count) { | ||
| + | index = 0; | ||
| + | } | ||
//设置参数 | //设置参数 | ||
this._target = -Math.abs(this.Change) * (this.Index = index); | this._target = -Math.abs(this.Change) * (this.Index = index); | ||
| Line 744: | Line 673: | ||
clearTimeout(this._timer); | clearTimeout(this._timer); | ||
//未到达目标继续移动否则进行下一次滑动 | //未到达目标继续移动否则进行下一次滑动 | ||
| - | if (this._c | + | if (this._c < this.Duration) { |
| + | if (this._t < this.Duration) { | ||
this.MoveTo(Math.round(this.Tween(this._t++, this._b, this._c, this.Duration))); | this.MoveTo(Math.round(this.Tween(this._t++, this._b, this._c, this.Duration))); | ||
this._timer = setTimeout(Bind(this, this.Move), this.Time); | this._timer = setTimeout(Bind(this, this.Move), this.Time); | ||
| + | } | ||
}else{ | }else{ | ||
this.MoveTo(this._target); | this.MoveTo(this._target); | ||
| - | this.Auto | + | if (this.Auto) { |
| + | this._timer = setTimeout(Bind(this, this.Next), this.Pause); | ||
| + | } | ||
} | } | ||
}, | }, | ||
| Line 774: | Line 707: | ||
st = new SlideTrans("idContainer2", "idSlider2", n, { | st = new SlideTrans("idContainer2", "idSlider2", n, { | ||
onStart: function(){//设置按钮样式 | onStart: function(){//设置按钮样式 | ||
| - | forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : " "; }) | + | forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; }) |
} | } | ||
}); | }); | ||
| Line 793: | Line 726: | ||
</script> | </script> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | |||
| + | var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/8/83/Home1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg"); | ||
| + | var datatemp=function(){ | ||
| + | this.head; | ||
| + | this.content; | ||
| + | } | ||
| + | var data1=new datatemp(); | ||
| + | var data2=new datatemp(); | ||
| + | var data3=new datatemp(); | ||
| + | var data4=new datatemp(); | ||
| + | data1.head="Plants"; | ||
| + | data1.content="Culture"; | ||
| + | data2.head="SuperPlant "; | ||
| + | data2.content="Plants vs HCOH"; | ||
| + | data3.head="Plants "; | ||
| + | data3.content="Transform"; | ||
| + | data4.head="Our Team"; | ||
| + | data4.content="Keep moving"; | ||
| + | var imageintro=new Array(data1,data2,data3,data4); | ||
| + | var imagecount=0; | ||
| + | |||
| + | var init=function(){ | ||
| + | $('.arrow').hide(); | ||
| + | $('.top-menu-sub').hide(); | ||
| + | |||
| + | } | ||
| + | var bind=function(){ | ||
| + | $("#top").hide(); | ||
| + | $(document).scroll(function(){ | ||
| + | if($(document).scrollTop()>308){ | ||
| + | $("#left-bar").css("position","fixed"); | ||
| + | $("#left-bar").css("top","0%"); | ||
| + | } | ||
| + | else{ | ||
| + | console.log(1); | ||
| + | $("#left-bar").css("position","absolute"); | ||
| + | $("#left-bar").css("top",""); | ||
| + | |||
| + | }; | ||
| + | }) | ||
| + | $('.top-menu-each').hover(function(){ | ||
| + | $('.top-menu-each.click .arrow').hide(); | ||
| + | $('.top-menu-each.click').removeClass('click'); | ||
| + | $(this).addClass('click'); | ||
| + | $(this).find('.arrow').show(); | ||
| + | $('.top-menu-sub.show').hide(); | ||
| + | $('.top-menu-sub.show').removeClass('show'); | ||
| + | $(this).find('.top-menu-sub').addClass('show'); | ||
| + | $(this).find('.top-menu-sub').show();} | ||
| + | , | ||
| + | function() { | ||
| + | |||
| + | $(this).removeClass('click'); | ||
| + | $(this).find('.arrow').hide(); | ||
| + | $(this).find('.top-menu-sub').removeClass('show'); | ||
| + | $(this).find('.top-menu-sub').hide(); | ||
| + | |||
| + | |||
| + | }) | ||
| + | |||
| + | |||
| + | } | ||
| + | var changepic=function(){ | ||
| + | imagecount=imagecount+1; | ||
| + | if(imagecount==imageload.length){ | ||
| + | imagecount=imagecount-imageload.length; | ||
| + | } | ||
| + | $('#big-photo-hover').fadeOut(function(){ | ||
| + | $('#big-photo-wrap').prepend('<img src='+imageload[imagecount]+'>'); | ||
| + | $('#big-photo img:eq(0)').css('margin-left','-1214px'); | ||
| + | $('#big-photo img:eq(0)').animate({marginLeft:'0px'},3000); | ||
| + | $('#big-photo img:eq(1)').animate({marginLeft:'1214px'},3000,function(){ | ||
| + | $('#big-photo img:eq(1)').remove(); | ||
| + | $('#big-photo-hover .header').html(imageintro[imagecount].head); | ||
| + | $('#big-photo-hover .content').html(imageintro[imagecount].content); | ||
| + | $('#big-photo-hover').fadeIn(); | ||
| + | }); | ||
| + | }) | ||
| + | |||
| + | |||
| + | } | ||
| + | $(window).scroll(function(){ | ||
| + | min_height=window.screen.availHeight ; | ||
| + | var s = $(window).scrollTop(); | ||
| + | if( s > 0){ | ||
| + | if(!$("#top").hasClass("hide")) | ||
| + | $('#top').fadeIn(100); | ||
| + | }else{ | ||
| + | $('#top').fadeOut(200); | ||
| + | }; | ||
| + | }); | ||
| + | |||
| + | |||
| + | $('#top').click(function(){ | ||
| + | $('html,body').animate({scrollTop:0},300); | ||
| + | |||
| + | }); | ||
| + | setInterval(changepic,5000); | ||
| + | init(); | ||
| + | bind(); | ||
| + | /* | ||
| + | if ($("p:contains('Team')").parent().next().find("p").html() == "Result") { | ||
| + | $("p:contains('Result')").parent().remove(); | ||
| + | }; | ||
| + | if ($("p:contains('Modeling')").parent().next().find("p").html() != "Result") { | ||
| + | a = $("p:contains('Home')").parent().parent().clone(); | ||
| + | a.find('p').html('Result'); | ||
| + | a.find('a').attr('href','/Team:UESTC-China/result'); | ||
| + | $("p:contains('Modeling')").parent().after(a); | ||
| + | };*/ | ||
| + | item = window.location.href.split('/').pop(); | ||
| + | item = item.split('.')[0]; | ||
| + | |||
| + | if ( item == "members" ) { | ||
| + | |||
| + | $('iframe').css('width','900px'); | ||
| + | |||
| + | }; | ||
| + | |||
| + | |||
| + | }) | ||
| + | |||
| + | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 14:19, 10 October 2014
Introduction
As the rapid economic development in China, the residential conditions of people have been greatly improved. Unfortunately, the potential harm of their indoor decoration was always neglected until people get sick. One of the most harmful gases of the indoor pollution could be the formaldehyde. Formaldehyde is a toxic gas appears in every single room which is newly decorated. It not only has bad smell, but also cause various of desease, like skin and mucous membrane irritation, immunity or memory decline, drowsiness, fatigue, cancer, allergic dermatitis. To decrease the concentration of HCHO, we got air purifier, physical adsorption, negative air ions, photocatalyst pathway and etc. We thought that the biological methods is the best. It's delicate, it's simple, and it's safe. Therefore, we decided to cultivate a plant which got the ability to metabolize the formaldehyde. Actually, all kinds of plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better. In the future,we sincerely chrish the hope that our work will be put to use in our everyday life.
