Difference between revisions of "Team:WHU-China"
| Line 8: | Line 8: | ||
} | } | ||
.top{ | .top{ | ||
| + | text-align:center; | ||
position:absolute; | position:absolute; | ||
top:0px; | top:0px; | ||
left:0px; | left:0px; | ||
width:100%; | width:100%; | ||
| − | height: | + | height:35%; |
background:#FFF; | background:#FFF; | ||
z-index:0; | z-index:0; | ||
} | } | ||
.topimg{ | .topimg{ | ||
| − | |||
| − | |||
position:absolute; | position:absolute; | ||
| − | bottom: | + | bottom:-2%; |
| − | + | left:50%; | |
} | } | ||
| Line 33: | Line 32: | ||
z-index:1; | z-index:1; | ||
text-align:center; | text-align:center; | ||
| + | |||
} | } | ||
.bottomimg{ | .bottomimg{ | ||
| − | |||
| − | |||
position:absolute; | position:absolute; | ||
bottom:0px; | bottom:0px; | ||
| Line 42: | Line 40: | ||
margin-left:-100px; | margin-left:-100px; | ||
text-align:center; | text-align:center; | ||
| + | vertical-align:central; | ||
} | } | ||
#famen{ | #famen{ | ||
position:absolute; | position:absolute; | ||
| − | bottom: | + | bottom:60%; |
left:50%; | left:50%; | ||
margin-left:-75px; | margin-left:-75px; | ||
| Line 67: | Line 66: | ||
#enter{ | #enter{ | ||
position:relative; | position:relative; | ||
| − | |||
left:110%; | left:110%; | ||
margin-left:-75px; | margin-left:-75px; | ||
| Line 76: | Line 74: | ||
<script> | <script> | ||
function route(){ | function route(){ | ||
| − | window.location.href=" | + | window.location.href="homepage.html"; |
} | } | ||
$(document).ready(function(e) { | $(document).ready(function(e) { | ||
| + | $(".topimg").css("width",$(window).width()*0.95); | ||
| + | $(".topimg").css("margin-left",-$(window).width()*0.95/2); | ||
| + | $("#famen").css("width",$(window).width()*0.11); | ||
| + | $("#bimg").css("width",$("#famen").width()*1.5); | ||
| + | $("#bimg").css("height",$("#famen").width()*1.5); | ||
| + | var x=$("#famen").position().top; | ||
| + | alert(x); | ||
$("#famen").one("click",function(){ | $("#famen").one("click",function(){ | ||
$("#bot").animate({ | $("#bot").animate({ | ||
| − | height:' | + | height:'65%' |
},1000); | },1000); | ||
| − | $("#ziti2" | + | $("#ziti2").fadeOut(500); |
$("#ziti").delay(1000).fadeOut(500); | $("#ziti").delay(1000).fadeOut(500); | ||
| − | $("#ziti2").fadeIn(500); | + | $("#ziti2").delay(1500).fadeIn(500); |
$("#ziti2").fadeOut(500); | $("#ziti2").fadeOut(500); | ||
$("#ziti").delay(1500).fadeIn(500); | $("#ziti").delay(1500).fadeIn(500); | ||
| Line 96: | Line 101: | ||
left:'35%' | left:'35%' | ||
},1000,function(){ | },1000,function(){ | ||
| − | $("# | + | $("#enter").css("display","inline"); |
} | } | ||
); | ); | ||
| + | $("#enter").css("height",$("#famen").height()*0.9); | ||
| + | $("#enter").css("top",x); | ||
}); | }); | ||
| Line 108: | Line 115: | ||
<div class="topimg"> | <div class="topimg"> | ||
<img id="ziti" src="https://static.igem.org/mediawiki/2015/f/ff/WHU-China_font.png" width="80%" style="z-index:2" /> | <img id="ziti" src="https://static.igem.org/mediawiki/2015/f/ff/WHU-China_font.png" width="80%" style="z-index:2" /> | ||
| − | <img id="ziti2" src="https://static.igem.org/mediawiki/2015/4/44/WHU-China_changed_font.png" width="80%" style="z-index:1" /> | + | <img id="ziti2" src="https://static.igem.org/mediawiki/2015/4/44/WHU-China_changed_font.png" width="80%" style="z-index:1;display:none" /> |
</div> | </div> | ||
</div> | </div> | ||
| Line 114: | Line 121: | ||
<div class="bottomimg" id="bimg"> | <div class="bottomimg" id="bimg"> | ||
<img id="famen" src="https://static.igem.org/mediawiki/2015/1/18/Whu-China_famen.png" /> | <img id="famen" src="https://static.igem.org/mediawiki/2015/1/18/Whu-China_famen.png" /> | ||
| + | <a href='javascript:return false;'><img style="display:none" src='images/enter.png' id='enter' onclick='route()' /></a> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 04:51, 15 September 2015
