Team:Tianjin/header

From 2012.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 2: Line 2:
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/index.css?action=raw&ctype=text/css" />
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/index.css?action=raw&ctype=text/css" />
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/page.css?action=raw&ctype=text/css" />
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/page.css?action=raw&ctype=text/css" />
-
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/fixedtest.css?action=raw&ctype=text/css" />
+
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/submenu.css?action=raw&ctype=text/css" />
-
 
+
<script type="text/javascript" src="https://2012.igem.org/Team:Tianjin/js/jquery-1.8.0.js?action=raw&ctype=text/javascript"></script>
<style>
<style>
body{background:{{{color}}};}
body{background:{{{color}}};}
Line 16: Line 16:
   $(this).stop().animate({opacity: 0}, "slow");
   $(this).stop().animate({opacity: 0}, "slow");
});
});
 +
  $("#secondpane p.menu_head").mouseover(function()
 +
    {
 +
    $(this).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
 +
        $(this).siblings();
 +
});
});
});
 +
</script>
 +
<script type="text/javascript">
 +
function getScrollTop() {
 +
    var scrollPos;
 +
    if (window.pageYOffset) {
 +
        scrollPos = window.pageYOffset;
 +
    }
 +
    else if (document.compatMode) {
 +
    if(document.compatMode != 'BackCompat')
 +
    {
 +
        scrollPos = document.documentElement.scrollTop;
 +
        }
 +
        else if (document.body)
 +
        {
 +
        scrollPos = document.body.scrollTop;
 +
    }
 +
    }
 +
    if(scrollPos < 110){
 +
document.getElementById("right-fixed").className="right-static";
 +
}
 +
else{
 +
document.getElementById("right-fixed").className="right-fixed";
 +
}
 +
    if(scrollPos < 216){
 +
document.getElementById("secondpane").className=" ";
 +
}
 +
else{
 +
document.getElementById("secondpane").className="menu_list";
 +
}
 +
}
 +
window.onscroll=getScrollTop;
</script>
</script>
Line 25: Line 61:
</div></div>
</div></div>
<div id="nav">
<div id="nav">
-
<div id="nav-1" class="block" style="background:{{{Bgc1}}};">[[file:{{{B1}}}|link={{{url1}}}]]
+
<div id="nav-1" class="block" style="background:{{{Bgc1}}};position:relative;">[[file:{{{B1}}}|link={{{url1}}}]]
<div id="navtext-1" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr1}}}|link={{{url1}}}]]</div></div>
<div id="navtext-1" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr1}}}|link={{{url1}}}]]</div></div>
<div id="nav-2" class="block" style="background:{{{Bgc2}}};position:relative;">[[file:{{{B2}}}|link={{{url2}}}]]
<div id="nav-2" class="block" style="background:{{{Bgc2}}};position:relative;">[[file:{{{B2}}}|link={{{url2}}}]]
Line 35: Line 71:
<div id="track">
<div id="track">
-
<div id="right-fixed">
+
<div id="right-fixed" class="right-static">
<div id="nav-5" class="block" style="background:{{{Bgc5}}};position:relative;">[[file:{{{B5}}}|link={{{url5}}}]]
<div id="nav-5" class="block" style="background:{{{Bgc5}}};position:relative;">[[file:{{{B5}}}|link={{{url5}}}]]
-
<div id="navtext-5" class="navtext" style="">[[file:{{{Btr5}}}|link={{{url5}}}]]</div></div>
+
<div id="navtext-5" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr5}}}|link={{{url5}}}]]</div></div>
<div id="nav-6" class="block" style="background:{{{Bgc6}}};position:relative;">[[file:{{{B6}}}|link={{{url6}}}]]
<div id="nav-6" class="block" style="background:{{{Bgc6}}};position:relative;">[[file:{{{B6}}}|link={{{url6}}}]]
<div id="navtext-6" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr6}}}|link={{{url6}}}]]</div></div>
<div id="navtext-6" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr6}}}|link={{{url6}}}]]</div></div>
Line 52: Line 88:
<div id="wrap">
<div id="wrap">
-
<div id="text-content" style="border:8px solid {{{BorCor}}}">
+
<div id="secondwrap" style="border:8px solid {{{BorCor}}}">

Latest revision as of 07:25, 24 September 2012