(41 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 100: | Line 127: | ||
nav.navbar.bootsnav ul.nav > li > a{ margin: 0; } | nav.navbar.bootsnav ul.nav > li > a{ margin: 0; } | ||
} | } | ||
+ | .you | ||
+ | { | ||
+ | position:absolute; | ||
+ | animation:myfirst 9s linear 2s infinite forwards; | ||
+ | /* Firefox: */ | ||
+ | -moz-animation:myfirst 9s linear 2s infinite forwards; | ||
+ | /* Safari and Chrome: */ | ||
+ | -webkit-animation:myfirst 9s linear 2s infinite forwards; | ||
+ | /* Opera: */ | ||
+ | -o-animation:myfirst 9s linear 2s infinite forwards; | ||
+ | } | ||
+ | @keyframes myfirst | ||
+ | { | ||
+ | 0% {opacity:0; left:60%; top:200px;} | ||
+ | 60% {opacity:0; left:60%; top:200px;} | ||
+ | 70% {opacity:1; left:60%; top:200px;} | ||
+ | 100% {left:100%; top:200px;} | ||
+ | } | ||
+ | |||
+ | @-moz-keyframes myfirst /* Firefox */ | ||
+ | { | ||
+ | 0% {opacity:0; left:60%; top:200px;} | ||
+ | 60% {opacity:0; left:60%; top:200px;} | ||
+ | 70% {opacity:1; left:60%; top:200px;} | ||
+ | 100% {left:100%; top:200px;} | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes myfirst /* Safari and Chrome */ | ||
+ | { | ||
+ | 0% {opacity:0; left:60%; top:200px;} | ||
+ | 60% {opacity:0; left:60%; top:200px;} | ||
+ | 70% {opacity:1; left:60%; top:200px;} | ||
+ | 100% {left:100%; top:200px;} | ||
+ | } | ||
+ | |||
+ | @-o-keyframes myfirst /* Opera */ | ||
+ | { | ||
+ | 0% {opacity:0; left:60%; top:200px;} | ||
+ | 60% {opacity:0; left:60%; top:200px;} | ||
+ | 70% {opacity:1; left:60%; top:200px;} | ||
+ | 100% {left:100%; top:200px;} | ||
+ | } | ||
+ | .zuo | ||
+ | { | ||
+ | position:absolute; | ||
+ | animation:yfirst 9s linear 2s infinite ; | ||
+ | /* Firefox: */ | ||
+ | -moz-animation:yfirst 9s linear 2s infinite ; | ||
+ | /* Safari and Chrome: */ | ||
+ | -webkit-animation:yfirst 9s linear 2s infinite ; | ||
+ | /* Opera: */ | ||
+ | -o-animation:yfirst 9s linear 2s infinite ; | ||
+ | } | ||
+ | |||
+ | @keyframes yfirst | ||
+ | { | ||
+ | 0% {opacity:1; left:0%; top:200px;} | ||
+ | 30% {opacity:1; left:30%; top:200px;} | ||
+ | 41% {opacity:0; left:30%; top:200px;} | ||
+ | 100% {opacity:0;left:30%; top:200px;} | ||
+ | } | ||
+ | |||
+ | @-moz-keyframes yfirst /* Firefox */ | ||
+ | { | ||
+ | 0% {opacity:1; left:0%; top:200px;} | ||
+ | 30% {opacity:1; left:30%; top:200px;} | ||
+ | 41% {opacity:0; left:30%; top:200px;} | ||
+ | 100% {opacity:0;left:30%; top:200px;} | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes yfirst /* Safari and Chrome */ | ||
+ | { | ||
+ | 0% {opacity:1; left:0%; top:200px;} | ||
+ | 30% {opacity:1; left:30%; top:200px;} | ||
+ | 41% {opacity:0; left:30%; top:200px;} | ||
+ | 100% {opacity:0;left:30%; top:200px;} | ||
+ | } | ||
+ | |||
+ | @-o-keyframes yfirst /* Opera */ | ||
+ | { | ||
+ | 0% {opacity:1; left:0%; top:200px;} | ||
+ | 30% {opacity:1; left:30%; top:200px;} | ||
+ | 41% {opacity:0; left:30%; top:200px;} | ||
+ | 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 141: | Line 227: | ||
</button> | </button> | ||
</div> | </div> | ||
− | <div class="collapse navbar-collapse" id="navbar-menu" style="border-bottom-style:solid; border-bottom-width:1px" style="z-index:9999 ;background | + | <div class="collapse navbar-collapse" id="navbar-menu" style="border-bottom-style:solid; border-bottom-width:1px" style="z-index:9999 ;background:url(https://static.igem.org/mediawiki/2018/3/38/T--UESTC-China--hometop.jpg)"> |
<ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp"> | <ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp"> | ||
<li><a href="https://2018.igem.org/Team:UESTC-China/">HOME</a></li> | <li><a href="https://2018.igem.org/Team:UESTC-China/">HOME</a></li> | ||
Line 195: | 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 267: | 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