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

(Replaced content with "{{Template:Team:Scut-Champion-Park/igem}}")
Line 1: Line 1:
−
<!DOCTYPE HTML>
+
{{Template:Team:Scut-Champion-Park/igem}}
−
<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/index.css">
+
−
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
+
−
<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-container").height()-206); //设置主遮罩层宽度
+
−
$(".content-container").css('margin-top', -$(".container-decorator").height()); //设置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
+
−
$.ajax({
+
−
url: url,
+
−
type: 'GET',
+
−
success:  function(html){
+
−
$(".content").html(html);
+
−
}
+
−
 
+
−
})
+
−
.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_left"></div>
+
−
<div class="menu_right">
+
−
<div class="menu-bar">
+
−
<table class="menu-table">
+
−
<tbody>
+
−
<tr>
+
−
<td style="width:60px">
+
−
<p class="menu-tag" href="#"> HOME </p>
+
−
</ul>
+
−
</td>
+
−
<td style="width:90px">
+
−
<p class="menu-tag"> PROJECT </p>
+
−
<ul class="menu-list">
+
−
<li> Over View </li>
+
−
</ul>
+
−
</td>
+
−
<td style="width:115px">
+
−
<p class="menu-tag"> ACHIEVEMENT </p>
+
−
<ul class="menu-list">
+
−
<li> Results </li>
+
−
<li> Judging Form </li>
+
−
<li> Financing </li>
+
−
</ul>
+
−
</td>
+
−
<td style="width:152px">
+
−
<p class="menu-tag"> POCLICY &amp; PRACTICES </p>
+
−
<ul class="menu-list">
+
−
<li> Over View </li>
+
−
<li> Meet Ups </li>
+
−
</ul>
+
−
</td>
+
−
<td style="width:86px">
+
−
<p class="menu-tag"> TEAM </p>
+
−
<ul class="menu-list">
+
−
<li url="team_member.html"> Team Member </li>
+
−
<li> Attributions </li>
+
−
<li url="contact_us.html"> Contact Us </li>
+
−
<li style="line-height:14px"> Offical</br>Team Profile </li>
+
−
<li> Acknowledgement </li>
+
−
</ul>
+
−
</td>
+
−
<td style="width:153px">
+
−
<p class="menu-tag"> SAFETY &amp; PROTOCOLS </p>
+
−
<ul class="menu-list">
+
−
<li> Safety </li>
+
−
<li> Protocols </li>
+
−
</ul>
+
−
</td>
+
−
</tr>
+
−
</tbody>
+
−
</table>
+
−
</div>
+
−
</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 & 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 02:10, 13 September 2015

Template:Team:Scut-Champion-Park/igem