(35 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html lang="zh"> | <html lang="zh"> | ||
<head> | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
Line 10: | Line 11: | ||
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&ctype=text/css"> | ||
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&ctype=text/css"> | ||
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/ | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/public?action=raw&ctype=text/css"> |
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/gundongzssstyle?action=raw&ctype=text/css"> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $(window).resize(function() { | ||
+ | imgWH(); | ||
+ | }).resize(); | ||
+ | function imgWH() { | ||
+ | var i = 0, | ||
+ | imgpnglength = $('.imgpng').length; | ||
+ | for(i=0; i < imgpnglength; i++) { | ||
+ | var imgpng = $('.imgpng').eq(i), | ||
+ | imgpngW = imgpng.width(), | ||
+ | maximgpngW = imgpng.attr("width"); | ||
+ | if(imgpngW >= maximgpngW){ | ||
+ | imgpng.attr('width', maximgpngW); | ||
+ | } else { | ||
+ | imgpng.attr('width', imgpngW); | ||
+ | } | ||
+ | } | ||
+ | var imgtopW = $('.imgtop').width(), | ||
+ | imgtopH = $('.imgtop').height(); | ||
+ | $('.gem-back').css({width:imgtopW*0.375,height:imgtopH*0.19,marginTop:imgtopH*0.259}); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
.hehe{ | .hehe{ | ||
Line 103: | Line 130: | ||
{ | { | ||
position:absolute; | position:absolute; | ||
− | animation:myfirst | + | animation:myfirst 9s linear 2s infinite forwards; |
/* Firefox: */ | /* Firefox: */ | ||
− | -moz-animation:myfirst | + | -moz-animation:myfirst 9s linear 2s infinite forwards; |
/* Safari and Chrome: */ | /* Safari and Chrome: */ | ||
− | -webkit-animation:myfirst | + | -webkit-animation:myfirst 9s linear 2s infinite forwards; |
/* Opera: */ | /* Opera: */ | ||
− | -o-animation:myfirst | + | -o-animation:myfirst 9s linear 2s infinite forwards; |
} | } | ||
@keyframes myfirst | @keyframes myfirst | ||
{ | { | ||
− | 0% {opacity:0; left:60%; top: | + | 0% {opacity:0; left:60%; top:200px;} |
− | 60% {opacity:0; left:60%; top: | + | 60% {opacity:0; left:60%; top:200px;} |
− | + | 70% {opacity:1; left:60%; top:200px;} | |
− | 100% {left: | + | 100% {left:100%; top:200px;} |
} | } | ||
@-moz-keyframes myfirst /* Firefox */ | @-moz-keyframes myfirst /* Firefox */ | ||
{ | { | ||
− | 0% {opacity:0; left:60%; top: | + | 0% {opacity:0; left:60%; top:200px;} |
− | 60% {opacity:0; left:60%; top: | + | 60% {opacity:0; left:60%; top:200px;} |
− | + | 70% {opacity:1; left:60%; top:200px;} | |
− | 100% {left: | + | 100% {left:100%; top:200px;} |
} | } | ||
@-webkit-keyframes myfirst /* Safari and Chrome */ | @-webkit-keyframes myfirst /* Safari and Chrome */ | ||
{ | { | ||
− | 0% {opacity:0; left:60%; top: | + | 0% {opacity:0; left:60%; top:200px;} |
− | 60% {opacity:0; left:60%; top: | + | 60% {opacity:0; left:60%; top:200px;} |
− | + | 70% {opacity:1; left:60%; top:200px;} | |
− | 100% {left: | + | 100% {left:100%; top:200px;} |
} | } | ||
@-o-keyframes myfirst /* Opera */ | @-o-keyframes myfirst /* Opera */ | ||
{ | { | ||
− | 0% {opacity:0; left:60%; top: | + | 0% {opacity:0; left:60%; top:200px;} |
− | 60% {opacity:0; left:60%; top: | + | 60% {opacity:0; left:60%; top:200px;} |
− | + | 70% {opacity:1; left:60%; top:200px;} | |
− | 100% {left: | + | 100% {left:100%; top:200px;} |
} | } | ||
.zuo | .zuo | ||
{ | { | ||
position:absolute; | position:absolute; | ||
− | animation:yfirst | + | animation:yfirst 9s linear 2s infinite ; |
/* Firefox: */ | /* Firefox: */ | ||
− | -moz-animation:yfirst | + | -moz-animation:yfirst 9s linear 2s infinite ; |
/* Safari and Chrome: */ | /* Safari and Chrome: */ | ||
− | -webkit-animation:yfirst | + | -webkit-animation:yfirst 9s linear 2s infinite ; |
/* Opera: */ | /* Opera: */ | ||
− | -o-animation:yfirst | + | -o-animation:yfirst 9s linear 2s infinite ; |
} | } | ||
@keyframes yfirst | @keyframes yfirst | ||
{ | { | ||
− | 0% {opacity:1; left: | + | 0% {opacity:1; left:0%; top:200px;} |
− | + | 30% {opacity:1; left:30%; top:200px;} | |
− | 41% {opacity:0; left:30%; top: | + | 41% {opacity:0; left:30%; top:200px;} |
− | 100% {opacity:0;left:30%; top: | + | 100% {opacity:0;left:30%; top:200px;} |
} | } | ||
@-moz-keyframes yfirst /* Firefox */ | @-moz-keyframes yfirst /* Firefox */ | ||
{ | { | ||
− | 0% {opacity:1; left: | + | 0% {opacity:1; left:0%; top:200px;} |
− | + | 30% {opacity:1; left:30%; top:200px;} | |
− | 41% {opacity:0; left:30%; top: | + | 41% {opacity:0; left:30%; top:200px;} |
− | 100% {opacity:0;left:30%; top: | + | 100% {opacity:0;left:30%; top:200px;} |
} | } | ||
@-webkit-keyframes yfirst /* Safari and Chrome */ | @-webkit-keyframes yfirst /* Safari and Chrome */ | ||
{ | { | ||
− | 0% {opacity:1; left: | + | 0% {opacity:1; left:0%; top:200px;} |
− | + | 30% {opacity:1; left:30%; top:200px;} | |
− | 41% {opacity:0; left:30%; top: | + | 41% {opacity:0; left:30%; top:200px;} |
− | 100% {opacity:0;left:30%; top: | + | 100% {opacity:0;left:30%; top:200px;} |
} | } | ||
@-o-keyframes yfirst /* Opera */ | @-o-keyframes yfirst /* Opera */ | ||
{ | { | ||
− | 0% {opacity:1; left: | + | 0% {opacity:1; left:0%; top:200px;} |
− | + | 30% {opacity:1; left:30%; top:200px;} | |
− | 41% {opacity:0; left:30%; top: | + | 41% {opacity:0; left:30%; top:200px;} |
− | 100% {opacity:0;left:30%; top: | + | 100% {opacity:0;left:30%; top:200px;} |
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="demo" style="padding: 0 0; z-index:9999"> | <div class="demo" style="padding: 0 0; z-index:9999"> | ||
<div class="containe" style="z-index:9999"> | <div class="containe" style="z-index:9999"> | ||
Line 280: | Line 281: | ||
</div> | </div> | ||
− | < | + | <section id="section1" class="section section1"> |
− | + | <article class="sectionWrapper section1Wrapper fadeInDown"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/4/4a/T--UESTC-China--homenone.jpg" style="width: 100%; top:0px; z-index:11" /> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/2/24/T--UESTC-China--dazuo.gif" style="width: 100%; position:absolute; top:0px; z-index:12" /> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/a/a4/T--UESTC-China--dayou.gif" style="width: 100%; position:absolute; top:0px; z-index:11" /> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/d/d8/T--UESTC-China--gongchang.gif" style="width: 100%; position:absolute; top:0px; z-index:11" /> | |
+ | </article> | ||
+ | </section> | ||
+ | <section id="section2" class="section section2"> | ||
+ | <article class="sectionWrapper section2Wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/31/T--UESTC-China--conclusion.jpg" style="width: 100%;" /> | ||
+ | </article> | ||
+ | </section> | ||
+ | <section id="section3" class="section section3"> | ||
+ | <article class="sectionWrapper section3Wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/99/T--UESTC-China--solution.jpg" style="width: 100%;"/> | ||
+ | </article> | ||
+ | </section> | ||
+ | <section id="section4" class="section section4"> | ||
+ | <article class="sectionWrapper section4Wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/8c/T--UESTC-China--straw.jpg" style="width: 100%;"/> | ||
+ | </article> | ||
+ | </section> | ||
+ | <section id="section5" class="section section5"> | ||
+ | <article class="sectionWrapper section5Wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/5c/T--UESTC-China--problem.jpg" style="width: 100%;"/> | ||
+ | </article> | ||
+ | </section> | ||
+ | <section id="section6" class="section section6" > | ||
+ | <article class="sectionWrapper section6Wrapper"> | ||
+ | |||
+ | <p class="mid MV"> | ||
+ | <video controls="controls" width="960" height="540"> | ||
+ | <source src="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" type="video/mp4"> | ||
+ | <!--<source src="myvideo.ogv" type="video/ogg"></source>--> | ||
+ | <!--<source src="myvideo.webm" type="video/webm"></source>--> | ||
+ | <!--<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf"> | ||
+ | <param name="movie" value="myvideo.swf" /> | ||
+ | <param name="flashvars" value="autostart=true&file=myvideo.swf" /> | ||
+ | </object>--> | ||
+ | <object data="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" width="640" height="360"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" width="640" height="360"> | ||
+ | </object> 当前浏览器不支持 video直接播放,点击这里下载视频: | ||
+ | <a href="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4">Download Video</a> | ||
+ | </video> | ||
+ | </p> | ||
+ | </article> | ||
+ | </section> | ||
+ | <!--回到顶部--> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 354: | Line 340: | ||
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/sectionscroll?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/mousewheel?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 11:03, 12 September 2018