Team:Tianjin/header

From 2012.igem.org

(Difference between revisions)
 
(48 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}}};}
</style>
</style>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  $(".navtext").css("opacity","0");
 +
  $(".navtext").hover(function(){
 +
  $(this).stop().animate({opacity:1},'slow');},
 +
  function () {
 +
  $(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>
 +
</html>
</html>
Line 12: 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>
+
<div id="nav-1" class="block" style="background:{{{Bgc1}}};position:relative;">[[file:{{{B1}}}|link={{{url1}}}]]
-
<div id="nav-2" class="block" style="background:{{{Bgc2}}}">[[file:{{{B2}}}|link={{{url2}}}]]</div>
+
<div id="navtext-1" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr1}}}|link={{{url1}}}]]</div></div>
-
<div id="nav-3" class="block" style="background:{{{Bgc3}}}">[[file:{{{B3}}}|link={{{url3}}}]]</div>
+
<div id="nav-2" class="block" style="background:{{{Bgc2}}};position:relative;">[[file:{{{B2}}}|link={{{url2}}}]]
-
<div id="nav-4" class="block" style="background:{{{Bgc4}}}">[[file:{{{B4}}}|link={{{url4}}}]]</div>
+
<div id="navtext-2" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr2}}}|link={{{url2}}}]]</div></div>
 +
<div id="nav-3" class="block" style="background:{{{Bgc3}}};position:relative;">[[file:{{{B3}}}|link={{{url3}}}]]
 +
<div id="navtext-3" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr3}}}|link={{{url3}}}]]</div></div>
 +
<div id="nav-4" class="block" style="background:{{{Bgc4}}};position:relative;">[[file:{{{B4}}}|link={{{url4}}}]]
 +
<div id="navtext-4" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr4}}}|link={{{url4}}}]]</div></div>
<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}}}">[[file:{{{B5}}}|link={{{url5}}}]]</div>
+
<div id="nav-5" class="block" style="background:{{{Bgc5}}};position:relative;">[[file:{{{B5}}}|link={{{url5}}}]]
-
<div id="nav-6" class="block" style="background:{{{Bgc6}}}">[[file:{{{B6}}}|link={{{url6}}}]]</div>
+
<div id="navtext-5" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr5}}}|link={{{url5}}}]]</div></div>
-
<div id="nav-7" class="block" style="background:{{{Bgc7}}}">[[file:{{{B7}}}|link={{{url7}}}]]</div>
+
<div id="nav-6" class="block" style="background:{{{Bgc6}}};position:relative;">[[file:{{{B6}}}|link={{{url6}}}]]
-
<div id="nav-8" class="block" style="background:{{{Bgc8}}}">[[file:{{{B8}}}|link={{{url8}}}]]</div>
+
<div id="navtext-6" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr6}}}|link={{{url6}}}]]</div></div>
-
<div id="nav-9" class="block" style="background:{{{Bgc9}}}">[[file:{{{B9}}}|link={{{url9}}}]]</div>
+
<div id="nav-7" class="block" style="background:{{{Bgc7}}};position:relative;">[[file:{{{B7}}}|link={{{url7}}}]]
 +
<div id="navtext-7" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr7}}}|link={{{url7}}}]]</div></div>
 +
<div id="nav-8" class="block" style="background:{{{Bgc8}}};position:relative;">[[file:{{{B8}}}|link={{{url8}}}]]
 +
<div id="navtext-8" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr8}}}|link={{{url8}}}]]</div></div>
 +
<div id="nav-9" class="block" style="background:{{{Bgc9}}};position:relative;">[[file:{{{B9}}}|link={{{url9}}}]]
 +
<div id="navtext-9" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr9}}}|link={{{url9}}}]]</div></div>
 +
<html><div id="nav-A" class="block" style="background:#aaa;position:relative;"><a href="#" target='_top'><img src="https://static.igem.org/mediawiki/2012/e/e8/TJU2012-Hp-BKT-ico-s.png"></a>
 +
<div id="navtext-A" class="navtext" style="position:absolute;left:10px;top:10px;"><a href='#' target='_top'><img src="https://static.igem.org/mediawiki/2012/7/71/TJU2012-Hp-Topt-ico-s.png"></a></div></div></html>
</div></div>
</div></div>
</div>
</div>
-
 
-
<div id="secondarycontentgreen">
 
-
    <div id="boxheading">
 
-
    Related Links:</div>
 
-
<div id="boxcontent"><dl>
 
-
            <div class="heading">On This Page:</div><dl>
 
-
                        <dd><a>Relevant Parts</a></dd></dl>
 
-
                        <div class="heading">Project:</div><dl>
 
-
                        <dd><a>Background</a>
 
-
                        </dd><dd><a>Overview</a>
 
-
                        </dd><dd><a href="https://2011.igem.org/Team:Johns_Hopkins/Project/VitC">Vitamin C</a>
 
-
                        </dd><dd><a href="https://2011.igem.org/Team:Johns_Hopkins/Project/MeasureQuant">Measurements</a>
 
-
                        </dd><dd><a href="https://2011.igem.org/Team:Johns_Hopkins/Project/Baking">Applications</a>
 
-
                        </dd><dd><a href="https://2011.igem.org/Team:Johns_Hopkins/Vit/Results">Results</a>
 
-
                        </dd><dd><a href="https://2011.igem.org/Team:Johns_Hopkins/Vit/Future">Future Plans</a>
 
-
</dd></dl>
 
-
</dl></div>
 
-
</div>
 
<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

Retrieved from "http://2012.igem.org/Team:Tianjin/header"