(32 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
<link rel="stylesheet" href="https://2018.igem.org/Template:TUST_China/css/mainbackground?action=raw&ctype=text/css" /> | <link rel="stylesheet" href="https://2018.igem.org/Template:TUST_China/css/mainbackground?action=raw&ctype=text/css" /> | ||
+ | |||
+ | |||
<style> | <style> | ||
+ | .tustfoot{ | ||
+ | position: absolute; | ||
+ | z-index: 99; | ||
+ | |||
+ | top: 272vw!important; | ||
+ | display: block; | ||
+ | } | ||
+ | .quan{ | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | opacity: 0.9; | ||
+ | z-index: 99; | ||
+ | top: 300px; | ||
+ | } | ||
+ | .tustfoot{ | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:2100%; | ||
+ | } | ||
+ | |||
+ | #main-btn{ | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | width: 10%; | ||
+ | opacity: 0.7; | ||
+ | font-size: 1.1vw; | ||
+ | top: 600px; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translateX(-50%); | ||
+ | -moz-transform: translateX(-50%); | ||
+ | -ms-transform: translateX(-50%); | ||
+ | -o-transform: translateX(-50%); | ||
+ | transform: translateX(-50%); | ||
+ | color: #000; | ||
+ | background-color: #FFFFCC; | ||
+ | z-index: 10; | ||
+ | |||
+ | } | ||
+ | #mainbackground3d { | ||
+ | |||
+ | position: absolute; | ||
+ | |||
+ | height: 800px; | ||
+ | |||
+ | width: 103%; | ||
+ | z-index: 9; | ||
+ | |||
+ | } | ||
+ | #top_title{display:none;} | ||
+ | #top_title{display:none;} | ||
+ | #content{margin:0px;padding:0px; width:100%; } | ||
+ | #HQ_page p{height:auto} | ||
body { | body { | ||
− | background-color:# | + | background-color:#fff; |
margin: 0; | margin: 0; | ||
} | } | ||
− | + | </style> | |
+ | <script> | ||
− | + | $(function () { | |
− | |||
− | |||
− | + | var city_top = 810; | |
− | + | ||
+ | $('#main-btn').click(function () { | ||
+ | |||
+ | $('html,body').animate({scrollTop:city_top},810); | ||
+ | |||
+ | }) | ||
+ | |||
+ | }) | ||
+ | |||
+ | |||
+ | </script> | ||
</head><body> | </head><body> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:TUST_China/js/mainbackground?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:TUST_China/js/mainbackground?action=raw&ctype=text/javascript"></script> | ||
− | <div id="mainbackground3d" class="mainbackground3d"> | + | <button id="main-btn" class="btn" onclick="sild()">Read<br>More</button> |
+ | <div id="mainbackground3d" class="mainbackground3d" style="top:-2px;"> | ||
<div id="output" class="mainbackground3d"> | <div id="output" class="mainbackground3d"> | ||
Line 87: | Line 150: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <center><div class="quan"><img src="https://static.igem.org/mediawiki/2018/2/2f/T--TUST_China--title.png" width="90%" height="auto" style="opacity: 0.9;"></div></center> | ||
+ | <div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2018/2/29/T--TUST_China--mainzhubai.png" width="103%" style="left: -5px;top:790px;position: absolute"/> | ||
+ | </div> | ||
+ | |||
<script> | <script> | ||
Line 712: | Line 781: | ||
</script> | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
+ | {{TUST China/foot}} |
Latest revision as of 01:50, 18 October 2018