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

Revision as of 08:09, 16 September 2015 (view source)

Revision as of 11:09, 16 September 2015 (view source)

Line 7:

−

+

−

~~<style type=~~"~~text/css~~">

+

−

.~~alink~~{

+

function setElementSize() { //动态设置各元素尺寸

−

~~color:black~~;~~!important~~

+

var doc_width = $(document).width();

−

}

+

var header_width = doc_width * 0.4887;

−

</~~style~~>

+

var footer_width = doc_width * 0.1541;

+

$(".banner").css('min-height', header_width); //设置header背景图片高度

+

$(".footer").css('min-height', footer_width); //设置footer背景图片高度

+

$(".main-container").css('margin-top', -(header_width-175)); //设置遮罩层高度

+

}

+

$(function($) {

+

setElementSize();

+

/* 下拉菜单 */

+

$(".menu-table td").bind("mouseover", function() {

+

$(this).children(".menu-list").slideDown();

+

});

+

$(".menu-table td").bind("mouseleave", function() {

+

$(this).children(".menu-list").slideUp();

+

});

+

});

+

</script>

+

</head>

<body >

Line 88:

Line 107:

</div>

−

~~~~

+

−

~~<div class="container-decorator">~~

+

−

~~<div class="container-decorator-shade"></div>~~

+

−

~~<div class="container-decorator-content"></div>~~

+

−

~~</div>~~

+

−

~~~~

+

@@ Line 7: / Line 7: @@
 		<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css">
 <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/my_style.css/?action=raw&ctype=text/css">
-                 <script type="text/javascript" src="https://2015.igem.org/Team:Scut-Champion-Park/js/nav.js/?action=raw&ctype=text/javascript"></script>
-<style type="text/css">
+<script type="text/javascript">
- .alink{
+			function setElementSize() {	//动态设置各元素尺寸
-color:black;!important
+				var doc_width = $(document).width();
-}
+				var header_width = doc_width * 0.4887;
-</style>
+				var footer_width = doc_width * 0.1541;
+				$(".banner").css('min-height', header_width);	//设置header背景图片高度
+				$(".footer").css('min-height', footer_width);		//设置footer背景图片高度
+				$(".main-container").css('margin-top', -(header_width-175));	//设置遮罩层高度
+			}
+			$(function($) {
+				setElementSize();
+				/*   下拉菜单 */
+				$(".menu-table td").bind("mouseover", function() {
+					$(this).children(".menu-list").slideDown();
+				});
+				$(".menu-table td").bind("mouseleave", function() {
+					$(this).children(".menu-list").slideUp();
+				});
+			});
+		</script>
 	</head>
 	<body >
@@ Line 88: / Line 107: @@
 			</div>
-			<!---        黑色遮罩层       -->
-			<div class="container-decorator">
-				<div class="container-decorator-shade"></div>
-				<div class="container-decorator-content"></div>
-			</div>
-			<!---        黑色遮罩层       -->
 			<div class="content-container">