Difference between revisions of "Template:Team:Scut-Champion-Park/mytest"

(Created page with "{{Template:Team:Scut-Champion-Park/header/}} {{Template:Team:Scut-Champion-Park/footer/}}")
 
Line 1: Line 1:
−
{{Template:Team:Scut-Champion-Park/header/}}
+
<!DOCTYPE HTML>
−
{{Template:Team:Scut-Champion-Park/footer/}}
+
<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">
 +
{{Template:Team:Scut-Champion-Park/header/}}
 +
 
 +
<!---        黑色遮罩层      -->
 +
<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>
 +
{{Template:Team:Scut-Champion-Park/footer/}}
 +
</div>
 +
</body>
 +
</html>

Revision as of 02:47, 16 September 2015

<!DOCTYPE HTML> iGEM - Champion Park

{{Template:Team:Scut-Champion-Park/header/}}
{{Template:Team:Scut-Champion-Park/footer/}}