Difference between revisions of "Team:Fudan-CHINA"

Line 8: Line 8:
 
filter: brightness(0.85);" />
 
filter: brightness(0.85);" />
 
<script>
 
<script>
−
var winWidth=$(window).width();
+
$(function(){
−
$(".bgPic").css("width",winWidth);
+
var bgPicFun=function(){
−
$(window).resize(function(){
+
var winWidth=$(window).width();
−
var winWidth=$(window).width();
+
$(".bgPic").css("width",winWidth);
−
$(".bgPic").css("width",winWidth);
+
}
−
+
bgPicFun();
 +
$(window).resize(function(){
 +
bgPicFun();
 +
});
 
});
 
});
 
</script>
 
</script>
Line 31: Line 34:
 
<li class="navLi navImg" style="float: left;"><a class="navA activeA teamName" style="font-family: Algerian,_Algerian;font-size: 13em;font-weight: 400;height:200px;line-height: 200px;" href="#11"> S T E P</a></li>
 
<li class="navLi navImg" style="float: left;"><a class="navA activeA teamName" style="font-family: Algerian,_Algerian;font-size: 13em;font-weight: 400;height:200px;line-height: 200px;" href="#11"> S T E P</a></li>
 
   
 
   
−
</ul>
+
</ul>
−
 
+
−
+
 
<div id="fullName">Synthetic Transducer Engineering Platform</div>
 
<div id="fullName">Synthetic Transducer Engineering Platform</div>
 
<style>
 
<style>
Line 43: Line 44:
 
font-weight: 200;
 
font-weight: 200;
 
}
 
}
−
</style>
+
</style>
−
+
 
 
 
<script>
 
<script>
−
var winWidth=$(window).width();
+
$(function(){
−
var bgPicHeight=$('.bgPic').height();
+
var pjNameFun=function(){
−
var stepWidth=$('#step').width();
+
var winWidth=$(window).width();
−
var fnWidth=$('#fullName').width();
+
var bgPicHeight=$('.bgPic').height();
−
$("#step").css("left",0.5*(winWidth-stepWidth));
+
var stepWidth=$('#step').width();
−
$("#step").css("top",0.3*bgPicHeight);
+
var fnWidth=$('#fullName').width();
−
    var stepHeight=$('#step').height();
+
$("#step").css("left",0.5*(winWidth-stepWidth));
−
var stepY = $('#step').offset().top;
+
$("#step").css("top",0.3*bgPicHeight);
−
$("#fullName").css("left",0.5*(winWidth-fnWidth));
+
    var stepHeight=$('#step').height();
−
$("#fullName").css("top",stepY+1.2*stepHeight);
+
var stepY = $('#step').offset().top;
 +
$("#fullName").css("left",0.5*(winWidth-fnWidth));
 +
$("#fullName").css("top",stepY+1.2*stepHeight);
 +
}
 +
pjNameFun();
 +
$(window).resize(function(){
 +
pjNameFun();
 +
});
 +
});
 
 
−
$(window).resize(function(){
 
−
var winWidth=$(window).width();
 
−
var bgPicHeight=$('.bgPic').height();
 
−
var stepWidth=$('#step').width();
 
−
var fnWidth=$('#fullName').width();
 
−
$("#step").css("left",0.5*(winWidth-stepWidth));
 
−
$("#step").css("top",0.3*bgPicHeight);
 
−
    var stepHeight=$('#step').height();
 
−
var stepY = $('#step').offset().top;
 
−
$("#fullName").css("left",0.5*(winWidth-fnWidth));
 
−
$("#fullName").css("top",stepY+1.2*stepHeight);
 
−
});
 
 
</script>
 
</script>
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
Line 78: Line 74:
 
<p>
 
<p>
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 
 
 
 
 
 
</html>
 
</html>

Revision as of 13:44, 21 September 2018

Synthetic Transducer Engineering Platform