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:35%;
+
height:40%;
 
background:#FFF;
 
background:#FFF;
 
z-index:0;
 
z-index:0;
 
}
 
}
 
.topimg{
 
.topimg{
 +
width:1280px;
 +
height:130px;
 
position:absolute;
 
position:absolute;
−
bottom:-2%;
+
bottom:0;
 
left:50%;
 
left:50%;
 +
margin-left:-640px;
 
}
 
}
  
Line 32: Line 34:
 
z-index:1;
 
z-index:1;
 
text-align:center;
 
text-align:center;
−
 
 
}
 
}
 
.bottomimg{
 
.bottomimg{
 +
width:220px;
 +
height:220px;
 
position:absolute;
 
position:absolute;
 
bottom:0px;
 
bottom:0px;
Line 40: Line 43:
 
margin-left:-100px;
 
margin-left:-100px;
 
text-align:center;
 
text-align:center;
−
vertical-align:central;
 
 
}
 
}
  
 
#famen{
 
#famen{
 
position:absolute;
 
position:absolute;
−
bottom:60%;
+
bottom:50%;
 
left:50%;
 
left:50%;
 
margin-left:-75px;
 
margin-left:-75px;
Line 66: Line 68:
 
#enter{
 
#enter{
 
position:relative;
 
position:relative;
 +
bottom:-20%;
 
left:110%;
 
left:110%;
 
margin-left:-75px;
 
margin-left:-75px;
Line 74: Line 77:
 
<script>
 
<script>
 
function route(){
 
function route(){
−
window.location.href="https://2015.igem.org/Team:WHU-China/Homepage";
+
window.location.href="/Team:WHU-China/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;
 
 
         $("#famen").one("click",function(){
 
         $("#famen").one("click",function(){
 
$("#bot").animate({
 
$("#bot").animate({
−
height:'65%'
+
height:'62%'
 
},1000);
 
},1000);
−
$("#ziti2").fadeOut(500);
+
$("#ziti2").delay(1000).fadeOut(500);
 
$("#ziti").delay(1000).fadeOut(500);
 
$("#ziti").delay(1000).fadeOut(500);
−
$("#ziti2").delay(1500).fadeIn(500);
+
$("#ziti2").fadeIn(500);
 
$("#ziti2").fadeOut(500);
 
$("#ziti2").fadeOut(500);
 
$("#ziti").delay(1500).fadeIn(500);
 
$("#ziti").delay(1500).fadeIn(500);
Line 100: Line 97:
 
left:'35%'
 
left:'35%'
 
},1000,function(){
 
},1000,function(){
−
$("#enter").css("display","inline");
+
$("#bimg").append("<img  src='https://static.igem.org/mediawiki/2015/7/74/WHU-China_enter.png' id='enter' onclick='route()' />");
 
}
 
}
 
);
 
);
−
$("#enter").css("height",$("#famen").height()*0.9);
 
−
$("#enter").css("top",x);
 
 
});
 
});
  
Line 113: Line 108:
 
<div class="top" id="tp">
 
<div class="top" id="tp">
 
<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" 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;display:none" />
+
     <img id="ziti2" src="https://static.igem.org/mediawiki/2015/4/44/WHU-China_changed_font.png" style="z-index:1" />
 
     </div>
 
     </div>
 
</div>
 
</div>
 
<div class="bottom" id="bot">
 
<div class="bottom" id="bot">
 
<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/e/e1/WHU-China_famen.png" />
−
        <a href='javascript:return false;'><img style="display:none" src='https://static.igem.org/mediawiki/2015/7/74/WHU-China_enter.png' id='enter' onclick='route()' /></a>
+
 
     </div>
 
     </div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:11, 17 September 2015