|
|
| Line 7: |
Line 7: |
| | <title>iGEM - Champion Park</title> | | <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"> | | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css"> |
| − | <style type="text/css"> | + | <script type="text/javascript" src="https://2015.igem.org/Team:Scut-Champion-Park/js/nav.js/?action=raw&ctype=text/javascript"></script> |
| − | .menu-list {
| + | |
| − | margin:-4px 0 0 0;
| + | |
| − | padding: 0;
| + | |
| − | list-style: none;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | </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-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 url = $(this).attr('url');
| + | |
| − | var page_height = $(this).attr("page-height"); //获取页面高度
| + | |
| − | var is_special = $(this).attr("is-special"); // 获取页面属性
| + | |
| − | alert(url);
| + | |
| − | $.ajax({
| + | |
| − | url: url,
| + | |
| − | type: 'GET',
| + | |
| − | success: function(html){
| + | |
| − | alert(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> | | </head> |
| | <body > | | <body > |