Difference between revisions of "Team:Scut-Champion-Park"

Line 1: Line 1:
−
{{Template:Team:Scut-Champion-Park/igem/}}
+
<!DOCTYPE HTML>
 +
<html lang='en'>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<meta http-equiv="pragma" content="no-cache">
 +
<meta http-equiv="cache-control" content="no-cache">
 +
<title>iGEM - Champion Park</title>
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css">
 +
<script type="text/javascript">
 +
function setElementSize() { //动态设置各元素尺寸
 +
var doc_width = $(document).width();
 +
var header_width = doc_width * 0.4887;
 +
var footer_width = doc_width * 0.1541;
 +
 
 +
$(".banner").css('min-height', header_width); //设置header背景图片高度
 +
$(".footer").css('min-height', footer_width); //设置footer背景图片高度
 +
$(".container-decorator").css('margin-top', -(header_width-175)); //设置遮罩层高度
 +
$(".container-decorator-content").css('height', $(".content-decorator").height()-206); //设置主遮罩层高度
 +
$(".content-container").css('margin-top', -$(".container-decorator-content").height()-206); //设置main-container高度
 +
}
 +
 
 +
$(function($) {
 +
setElementSize();
 +
 
 +
/*  下拉菜单 */
 +
$(".menu-table td").bind("mouseover", function() {
 +
$(this).children(".menu-list").slideDown();
 +
});
 +
$(".menu-table td").bind("mouseleave", function() {
 +
$(this).children(".menu-list").slideUp();
 +
});
 +
 
 +
/* 菜单点击事件 */
 +
$(".menu-list li").bind('click', function() {
 +
$(".menu-tag").css('border-bottom', 'none'); //清除所有下划线
 +
$(this).parent().siblings('.menu-tag').css('border-bottom', '3px solid #a4e9f9'); //在对应父菜单条目下添加下划线
 +
 
 +
var li_obj = $(this);
 +
var url = './' + $(this).attr('url'); //获取页面url
 +
var page_height = $(this).attr("page-height"); //获取页面高度
 +
var is_special = $(this).attr("is-special"); // 获取页面属性
 +
 
 +
$.ajax({
 +
url: url,
 +
type: 'GET',
 +
success:  function(html){
 +
$(".content").html(html);
 +
if (is_special == "True") {
 +
$('.container-decorator').hide();
 +
var header_height = $(".header").height();
 +
var content_height = -header_height+240-65;
 +
$('.content-container').css('margin-top', content_height); //设置main-container高度
 +
} else {
 +
$('.container-decorator').show();
 +
$('.container-decorator-content').height(page_height-206);
 +
$('.content-container').css('margin-top', -$('.container-decorator-content').height()-206); //设置main-container高度
 +
}
 +
}
 +
 
 +
})
 +
.done(function() {
 +
console.log("success");
 +
 
 +
})
 +
.fail(function() {
 +
console.log("error");
 +
})
 +
.always(function() {
 +
console.log("complete");
 +
});
 +
});
 +
});
 +
</script>
 +
</head>
 +
<body >
 +
<div class="container">
 +
<div class="header">
 +
<!-- <img src="./resources/igem_header_image.png" width="100%" height="100%"/> -->
 +
<div class="banner">
 +
<div class="clear"> </div>
 +
<div class="menu">
 +
<div class="menu-bar">
 +
<table class="menu-table">
 +
<tbody>
 +
<tr>
 +
<td style="width:63px">
 +
<span class="menu-tag" href="#"> HOME </span>
 +
</ul>
 +
</td>
 +
<td style="width:92px">
 +
<span class="menu-tag"> PROJECT </span>
 +
<ul class="menu-list">
 +
<li> Over View </li>
 +
<li> Notebook </li>
 +
<li> Protocols </li>
 +
<li> Design </li>
 +
</ul>
 +
</td>
 +
<td style="width:125px">
 +
<span class="menu-tag"> ACHIEVEMENT </span>
 +
<ul class="menu-list">
 +
<li> Results </li>
 +
<li> Registry Part </li>
 +
<li> Judging Form </li>
 +
<li> Financing </li>
 +
<li> Acknowledgement </li>
 +
</ul>
 +
</td>
 +
<td style="width:179px">
 +
<span class="menu-tag"> POCLICY &amp; PRACTICES </span>
 +
<ul class="menu-list">
 +
<li url="pp_overview.html" page-height="1350" is-special="True"> Over View </li>
 +
<li url="policy.html" page-height="6141" is-special="True"> Policy &amp; Solution</li>
 +
<li> Research &amp; Solution</li>
 +
<li> Meet Ups </li>
 +
<li url="social_media.html" page-height="1773" is-special="True"> Social Media </li>
 +
<li url="collaborations.html" page-height="1851" is-special="True"> Collabrations </li>
 +
<li> Entrepreneurship </li>
 +
<li url="super_brochure.html" page-height="1348" is-special="False"> Super Brochure </li>
 +
</ul>
 +
</td>
 +
<td style="width:118px">
 +
<span class="menu-tag"> TEAM </span>
 +
<ul class="menu-list">
 +
<li url="team_member.html" page-height="4557" is-special="True"> Team Member </li>
 +
<li> Attributions </li>
 +
<li> Team Identity </li>
 +
<li url="contact_us.html" page-height="483" is-special="False"> Contact Us </li>
 +
<li> Offical Team Profile </li>
 +
</ul>
 +
</td>
 +
<td style="width:90px">
 +
<span class="menu-tag"> SAFETY </span>
 +
<ul class="menu-list">
 +
<li url="safety.html" page-height="2034" is-special="True"> Safety </li>
 +
</ul>
 +
</td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
</div>
 +
</div>
 +
<div class="igem_logo"></div>
 +
<div class="team_logo"></div>
 +
<div class="clear"> </div>
 +
</div>
 +
</div>
 +
 
 +
<!---        黑色遮罩层      -->
 +
<div class="container-decorator">
 +
<div class="container-decorator-shade"></div>
 +
<div class="container-decorator-content"></div>
 +
</div>
 +
<!---        黑色遮罩层      -->
 +
 
 +
<div class="content-container">
 +
<div class="main-container">
 +
<div class="content">
 +
 +
</div>
 +
</div>
 +
</div>
 +
<div class="footer">
 +
<div class="team_info">
 +
Team Email: scut-champion-park@hotmail.com <br/><br/>
 +
Address: School of Bioscience &amp; Bioengineering <br/>
 +
South China University of Technology, Building B6 Guangzhou<br/>
 +
Higher Education Mega Centre, Panyu District,<br/>
 +
Guangzhou, China <br/>
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 08:00, 15 September 2015

<!DOCTYPE HTML> iGEM - Champion Park

Team Email: scut-champion-park@hotmail.com

Address: School of Bioscience & Bioengineering
South China University of Technology, Building B6 Guangzhou
Higher Education Mega Centre, Panyu District,
Guangzhou, China