Team:Scut-Champion-Park/Team/Identity.html

<head> <style type="text/css"> body { background-color: #1b1f37; margin: 0; padding: 0; text-align: center; font-size: 62.5%; font-family: Helvetica; } a { text-decoration: none; } table { margin: 0; padding: 0; border: none; border-spacing: 0; } .clear { clear: both; } .header { position: relative; margin: 0 auto; } .banner { margin: 0 auto; min-height: 600px; width: 100%; background: url("../resources/igem_header_image.png") no-repeat ; background-size: 100%; } .igem_logo { position: absolute; left: 10%; width: 105px; height: 141px; background: url("../resources/igem_logo.png") no-repeat ; } .team_logo { margin: 0 auto; width: 257px; height: 240px; background: url("../resources/team_logo.png") no-repeat ; } .menu_left { float: left; margin-top: 99px; height: 42px; width: 8%; line-height: 42px; background-color: #000000; 

	filter:alpha(opacity=75);  
    -moz-opacity:0.75;  
    -khtml-opacity: 0.75;  
    opacity: 0.75;

} .menu_right { float: right; margin-top: 99px; height: 42px; width: 80%; line-height: 42px; background-color: #000000; 

	filter:alpha(opacity=75);  
    -moz-opacity:0.75;  
    -khtml-opacity: 0.75;  
    opacity: 0.75; 
    z-index: 333;
    position: relative;

} .menu-bar { margin-right: 20px; } .menu-table { margin: 0 auto; } .menu-table td { vertical-align: top; } .menu-table td span{ color: #1cc9f1; 

 	display: inline-block;
 	font-size: 1.3em;
 	font-weight: bold;
 	height: 32px;
 	margin: 0;
 	padding: 0;

} .menu-table td p:hover { cursor: pointer; } .menu-list { margin:-4px 0 0 0; padding: 0; list-style: none; display: none; } .menu-list li { text-align: center; line-height: 20px; margin-bottom: 2px; color: #1b1f3a; background-color: #a4e9f9; font-size: 1.2em; z-index: 333; } .menu-list li:hover{ color: #77dff7; background-color: #1b1f3a; cursor: pointer; }

/* ----黑色遮罩层----- */ .container-decorator { min-height: 345px; margin: 0 auto; } .container-decorator-shade { position: relative; left: 50%; margin-left: -512px; width: 1024px; height: 206px; background: url("../resources/container_shade.png") no-repeat; background-size: 100%; z-index: 0; } .container-decorator-content { position: relative; left: 50%; margin-left: -512px; width: 1024px; min-height: 587px; background-color: #000000; z-index: 0;

filter:alpha(opacity=60); 

    -moz-opacity:0.60;  
    -khtml-opacity: 0.60;  
    opacity: 0.60; 

    border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;

} /* ----黑色遮罩层----- */

/* ----主要内容部分----- */ .content-container { margin: 0 auto; font-family: "Microsoft YaHei" !important; text-align: center; z-index: 666; } .main-container { position: relative; left: 50%; margin-left: -512px; width: 1024px; min-height: 818px; } .content { padding: 0px; }

/* ----主要内容部分----- */

.footer { min-height: 200px; width: 100%; background: url("../resources/igem_footer_image.png") no-repeat ; background-size: 100% 100%; font-family: "Microsoft YaHei" !important; } .team_info { padding-top: 44px; color: #ffffff; filter:alpha(opacity=24); 

    -moz-opacity:0.24;  
    -khtml-opacity: 0.24;  
    opacity: 0.24;

}


.region{ padding:15px; } p{ font-size:13px; color:white; float:left; text-align:justify; }

  1. identity{

height:1300px; } .h3title{ font-size:16px; line-height:8px; color:#1ba7cb; text-align:left; padding-top:15px; } .inner-region{ width:900px; margin-left: auto; margin-right: auto; } .subregion{ float:left; } .flag_text{ width:595px; margin-left:40px; padding-top:40px; } .uniform_text{ width:590px; margin-right:40px; padding-top:40px; } 

       </style>

<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>