Team:Tianjin/header

From 2012.igem.org

(Difference between revisions)
 
(32 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>
<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>
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"></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}}}">[[file:{{{B2}}}|link={{{url2}}}]]
+
<div id="nav-2" class="block" style="background:{{{Bgc2}}};position:relative;">[[file:{{{B2}}}|link={{{url2}}}]]
-
<div id="navtext-2" class="navtext"></div></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}}}">[[file:{{{B3}}}|link={{{url3}}}]]
+
<div id="nav-3" class="block" style="background:{{{Bgc3}}};position:relative;">[[file:{{{B3}}}|link={{{url3}}}]]
-
<div id="navtext-3" class="navtext"></div></div>
+
<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}}}">[[file:{{{B4}}}|link={{{url4}}}]]
+
<div id="nav-4" class="block" style="background:{{{Bgc4}}};position:relative;">[[file:{{{B4}}}|link={{{url4}}}]]
-
<div id="navtext-4" class="navtext"></div></div>
+
<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 id="nav-5" class="block" style="background:{{{Bgc5}}};position:relative;">[[file:{{{B5}}}|link={{{url5}}}]]
-
<div id="navtext-5" class="navtext"></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}}}">[[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"></div></div>
+
<div id="navtext-6" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr6}}}|link={{{url6}}}]]</div></div>
-
<div id="nav-7" class="block" style="background:{{{Bgc7}}}">[[file:{{{B7}}}|link={{{url7}}}]]
+
<div id="nav-7" class="block" style="background:{{{Bgc7}}};position:relative;">[[file:{{{B7}}}|link={{{url7}}}]]
-
<div id="navtext-7" class="navtext"></div></div>
+
<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}}}">[[file:{{{B8}}}|link={{{url8}}}]]
+
<div id="nav-8" class="block" style="background:{{{Bgc8}}};position:relative;">[[file:{{{B8}}}|link={{{url8}}}]]
-
<div id="navtext-8" class="navtext"></div></div>
+
<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}}}">[[file:{{{B9}}}|link={{{url9}}}]]
+
<div id="nav-9" class="block" style="background:{{{Bgc9}}};position:relative;">[[file:{{{B9}}}|link={{{url9}}}]]
-
<div id="navtext-9" class="navtext"></div></div>
+
<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>
<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 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>
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

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