Team:SJTU-BioX-Shanghai
From 2012.igem.org
(Difference between revisions)
Huanan1991 (Talk | contribs) |
Huanan1991 (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
+ | <head> | ||
+ | <script src="http://igem.bio-x.cn/home/style/jquery-1.3.2.min.js" type="text/javascript"></script> | ||
+ | <style type="text/css"> | ||
+ | #globalWrapper{ | ||
+ | |||
+ | margin: 0px 0px 0px 0px; | ||
+ | height: 0px; | ||
+ | background-repeat:no-repeat !important; | ||
+ | background-attachment: fixed!important; | ||
+ | color: #000000; | ||
+ | background-color: #e6e6e6; | ||
+ | -moz-background-size:cover !important; | ||
+ | background-size:cover !important; | ||
+ | padding:0px 0px 0px 0px; | ||
+ | } | ||
+ | #search-controls{ | ||
+ | display:none; | ||
+ | } | ||
+ | a:link | ||
+ | { | ||
+ | |||
+ | text-decoration: none | ||
+ | } | ||
+ | p | ||
+ | { | ||
+ | font-size:105%; | ||
+ | text-align:justify; | ||
+ | color: black; | ||
+ | |||
+ | } | ||
+ | #toc, .toc { | ||
+ | border: 0px; | ||
+ | |||
+ | padding: 2px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #p-logo{ | ||
+ | display: none; | ||
+ | } | ||
+ | #footer-box{ | ||
+ | display: none; | ||
+ | } | ||
+ | div.thumb { | ||
+ | margin-bottom: .5em; | ||
+ | border-style: solid; | ||
+ | border-color: transparent; | ||
+ | width: auto; | ||
+ | } | ||
+ | #menubar li{ | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | #firstHeading{ | ||
+ | display: none; | ||
+ | } | ||
+ | #top-section{ | ||
+ | border: 0px; | ||
+ | height: 0px; | ||
+ | } | ||
+ | #content{ | ||
+ | background: none; | ||
+ | border: 0px; | ||
+ | width: 100%; | ||
+ | padding:5px 0px 5px 0px; | ||
+ | } | ||
+ | #contentSub{ | ||
+ | display: none; | ||
+ | } | ||
+ | table | ||
+ | { | ||
+ | background:none; | ||
+ | } | ||
+ | body | ||
+ | { | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | background:url(/wiki/images/6/6c/1366x768.jpg); | ||
+ | background-repeat:no-repeat !important; | ||
+ | background-attachment: fixed!important; | ||
+ | color: #000000; | ||
+ | font-family: "Segoe UI", "Microsoft Yahei", "STHeiti", "SimHei", serif; | ||
+ | background-color: #e6e6e6; | ||
+ | -moz-background-size:cover !important; | ||
+ | background-size:cover !important; | ||
+ | padding:0px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | #main_wrapper{ | ||
+ | position:relative; | ||
+ | |||
+ | margin: 50px 0px 0px 0px; | ||
+ | |||
+ | background-repeat:no-repeat !important; | ||
+ | background-attachment: fixed!important; | ||
+ | color: #000000; | ||
+ | -moz-background-size:cover !important; | ||
+ | background-size:cover !important; | ||
+ | padding-top:25px; | ||
+ | padding-bottom:25px; | ||
+ | } | ||
+ | |||
+ | table.mainouter | ||
+ | { | ||
+ | width:100% !important; | ||
+ | position:relative; | ||
+ | background-image:url(/wiki/images/9/91/12SJTU_membrane.png); | ||
+ | box-shadow: 0px 10px 16px rgba(0,0,0,0.4); | ||
+ | -webkit-box-shadow: 0px 10px 16px rgba(0,0,0,0.4); | ||
+ | -moz-box-shadow: 0px 10px 16px rgba(0,0,0,0.4); | ||
+ | border-collapse:separate; | ||
+ | } | ||
+ | td.outer { | ||
+ | background: transparent; | ||
+ | border-collapse:separate; | ||
+ | height:530px; | ||
+ | } | ||
+ | table.inner | ||
+ | { | ||
+ | -webkit-border-horizontal-spacing:5px; | ||
+ | padding-top: 24px; | ||
+ | height: 400px; | ||
+ | } | ||
+ | td.head | ||
+ | { | ||
+ | height: 120px; | ||
+ | width: 982px; | ||
+ | |||
+ | background:url(/wiki/images/8/87/Banner.png); | ||
+ | background-repeat:no-repeat !important; | ||
+ | |||
+ | } | ||
+ | td.bar | ||
+ | { | ||
+ | height: 400px; | ||
+ | width: 120px; | ||
+ | padding: 0px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | #header | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: -52px; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | td.logo | ||
+ | { | ||
+ | display: block; | ||
+ | padding-right: 5px; | ||
+ | } | ||
+ | #left-part | ||
+ | { | ||
+ | margin-top: 18px; | ||
+ | height: 450px; | ||
+ | width: 90%; | ||
+ | background-image: url(/wiki/images/8/87/12SJTU_opacity_gray_background.png); | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | #right-part | ||
+ | { | ||
+ | margin-top: 18px; | ||
+ | padding-right: 20px; | ||
+ | padding-left: 20px; | ||
+ | height: 450px; | ||
+ | width: 95%; | ||
+ | background-image: url(/wiki/images/8/87/12SJTU_opacity_gray_background.png); | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | #nav-bar1,#nav-bar2,#nav-bar3,#nav-bar4,#nav-bar5,#nav-bar6 | ||
+ | { | ||
+ | position:static; | ||
+ | z-index: 999; | ||
+ | height:400px; | ||
+ | border-radius: 8px; | ||
+ | background-image: url(/wiki/images/6/68/Container_bg.png); | ||
+ | display:none; | ||
+ | |||
+ | font-family: Tahoma,Arial,Helvetica; | ||
+ | font-size: 14px; | ||
+ | letter-spacing: 1px; | ||
+ | text-align: center; | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 1px 3px #000000; | ||
+ | } | ||
+ | #nav1,#nav2,#nav3,#nav4,#nav5,#nav6 | ||
+ | { | ||
+ | |||
+ | position:absolute; | ||
+ | top: 73px; | ||
+ | height:400px; | ||
+ | width: 120px; | ||
+ | background: transparent; | ||
+ | |||
+ | } | ||
+ | .abstract | ||
+ | { | ||
+ | width: 250px; | ||
+ | height: 400px; | ||
+ | padding: 10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .center_left | ||
+ | { | ||
+ | float:left; | ||
+ | width:270px; | ||
+ | height:450px; | ||
+ | display:block; | ||
+ | |||
+ | } | ||
+ | |||
+ | .center_left .pic | ||
+ | { | ||
+ | width:270px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #pics-list | ||
+ | { | ||
+ | position:relative; | ||
+ | width:270px; | ||
+ | height:400px; | ||
+ | |||
+ | |||
+ | overflow:hidden; | ||
+ | } | ||
+ | #pics-title | ||
+ | { | ||
+ | position:relative; | ||
+ | width:270px; | ||
+ | float:left; | ||
+ | height:50px; | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | #pics-title li | ||
+ | { | ||
+ | display:inline; | ||
+ | } | ||
+ | #pics-title li a | ||
+ | { | ||
+ | width:90px; | ||
+ | height:50px; | ||
+ | float:left; | ||
+ | padding:0px; | ||
+ | overflow:hidden; | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | color:#000000; | ||
+ | background-color: grey; | ||
+ | border-radius:8px; | ||
+ | } | ||
+ | #pics-title li a:hover, #pics-title li.select a | ||
+ | { | ||
+ | |||
+ | text-decoration:none; | ||
+ | color:#fff; | ||
+ | background-color: orange; | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery.noConflict(); | ||
+ | (function($) { | ||
+ | $(function() { | ||
+ | $(document).ready(function(){ | ||
+ | $("#pics-list div").hover(function(){clearInterval(_play)}, function(){play()}); | ||
+ | $("#pics-title > li").hover(function(){ | ||
+ | clearInterval(_play); | ||
+ | _num = $ ("#pics-title > li").index(this); | ||
+ | change(_num); | ||
+ | },function(){play()}); | ||
+ | play(); | ||
+ | }); | ||
+ | var _num = _play = 0; | ||
+ | function play() | ||
+ | { | ||
+ | _play = setInterval("auto()", 4000); | ||
+ | } | ||
+ | function change(num) | ||
+ | { | ||
+ | $("#pics-title > li").attr('class','').eq(num).attr('class','select').blur(); | ||
+ | $("#pics-list div").hide().eq(num).fadeIn('slow'); | ||
+ | } | ||
+ | function auto() | ||
+ | { | ||
+ | _num = _num > 2 ? 0 : _num + 1; | ||
+ | change(_num); | ||
+ | } | ||
+ | |||
+ | }); | ||
+ | })(jQuery); | ||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | |||
<body> | <body> | ||
- | |||
- | </td></tr> | + | <div id="main_wrapper"> |
- | <table | + | <div id="header"> |
- | <tr> | + | <table cellspacing="0" cellpadding="0"> |
- | + | <tbody> | |
- | + | <tr><td class="logo" align="right" style="width:380px"> | |
+ | <a href="/Team:SJTU-BioX-Shanghai/Home"><img src="/wiki/images/0/0c/12SJTU_logo-top.png"></a> | ||
+ | </td> | ||
+ | <td class="head"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <!-- =============================================================================== --> | ||
+ | |||
+ | <table class="mainouter" cellspacing="0" cellpadding="5" align="left" > | ||
+ | <tbody> | ||
+ | <tr><td align="center" class="outer" style="width: 300px;"> | ||
+ | <div id="left-part"> | ||
+ | <div class="center_left"> | ||
+ | <div class="pic lt"> | ||
+ | <div id="pics-list"> | ||
+ | <a href=""> | ||
+ | <div class="abstract"> | ||
+ | <p>This year, SJTU-BioX-Shanghai iGEM team is trying to build a “factory” on E.coli’s membrane, where enzyme assemblies can be manipulated so that biochemical reactions can be accelerated and further controlled. </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | </div></a> |
- | + | <a href=""> | |
- | + | <div class="abstract"> | |
- | + | <p>We aimed at constructing a set of protein scaffolds on E.coli cell membrane as carriers of various enzymes. Distinct from previous DNA or RNA scaffold construction, our device limits the reaction space to a two-dimensional surface. In such system,the membrane replaced DNA or RNA scaffold as an extensive surface/scaffold for proteins to anchor without limitation of scaffold amount. </p> | |
- | + | </div></a> | |
- | + | <a href=""> | |
- | + | <div class="abstract"> | |
- | + | <p>By gathering downstream enzymes through interacting protein domains, the reaction can be accelerated sharply. Production of Fatty Acid was enhanced by more than 20 fold through recruiting our membrane accelerator system, which has a promising application prospect in biofuel production.</p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | <p>More strikingly, we can switch direction of enzymatic reactions through external or internal signals with our device.</p> |
+ | |||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <ul id="pics-title"> | ||
+ | <li class="select"><a href="" target="_blank">Abstract 1</a></li> | ||
+ | <li class=""><a href="" target="_blank">Abstract 2</a></li> | ||
+ | <li class=""><a href="" target="_blank">Abstract 3</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | </td> | |
- | + | <td align="center" class="outer" style=""> | |
- | + | <div id="right-part" align="right" > | |
- | + | <table class="inner" cellspacing="5" cellpadding="0" ><tbody> | |
- | + | <tr><td class="bar" style="background-image: url(/wiki/images/d/dd/12SJTU_project.jpg);" align="left"> | |
- | + | <a id="nav1" href="/Team:SJTU-BioX-Shanghai/Project"></a> | |
- | + | <div id="nav-bar1" style="background-image: url(/wiki/images/4/4e/12SJTU_project_title.png)"> | |
- | + | </div> | |
- | + | ||
- | + | </td> | |
+ | <td class="bar" style="background-image: url(/wiki/images/c/c9/12SJTU_parts.jpg);" align="left"> | ||
+ | <a id="nav3" href="/Team:SJTU-BioX-Shanghai/Parts"></a> | ||
+ | <div id="nav-bar3" style="background-image: url(/wiki/images/9/92/12SJTU_parts_title.png)"> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td class="bar" style="background-image: url(/wiki/images/7/79/12SJTU_team.jpg);" align="left"> | ||
+ | <a id="nav4" href="/Team:SJTU-BioX-Shanghai/Team"></a> | ||
+ | <div id="nav-bar4" style="background-image: url(/wiki/images/9/9d/12SJTU_team_title.png)"> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td class="bar" style="background-image: url(/wiki/images/d/d9/12SJTU_notebook.jpg);"align="left"> | ||
+ | <a id="nav5" href="/Team:SJTU-BioX-Shanghai/Notebook"></a> | ||
+ | <div id="nav-bar5" style="background-image: url(/wiki/images/b/b6/12SJTU_notebook_title.png)"> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td class="bar" style="background-image: url(/wiki/images/9/96/12SJTU_consideration.jpg);" align="left"> | ||
+ | <a id="nav6" href="/Team:SJTU-BioX-Shanghai/Consideration"></a> | ||
+ | <div id="nav-bar6" style="background-image: url(/wiki/images/2/2a/12SJTU_consideration_title.png)"> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td class="bar" style="background-image: url(/wiki/images/0/08/12SJTU_human.jpg);" align="left"> | ||
+ | <a id="nav2" href="/Team:SJTU-BioX-Shanghai/Consideration/human"></a> | ||
+ | <div id="nav-bar2" style="background-image: url(/wiki/images/b/ba/12SJTU_human_title.png)"> | ||
+ | </div> | ||
+ | </td></tr> | ||
+ | <script type="text/javascript"> | ||
+ | function $(o){ | ||
+ | return document.getElementById(o); | ||
+ | } | ||
+ | var IsStop1 = false; | ||
+ | var s1; | ||
+ | function Show1(o){ | ||
+ | var ow1 = parseInt($(o).style.width); | ||
+ | if(ow1 < 120){ if(IsStop1){ | ||
+ | $(o).style.width = ow1 + 5 + "px"; | ||
+ | }} | ||
+ | if(ow1 > 0 ){ if(!IsStop1){ | ||
+ | $(o).style.width = ow1 - 5 + "px"; | ||
+ | if(ow1 == 5){ | ||
+ | $(o).style.display = 'none'; | ||
+ | } | ||
+ | }} | ||
+ | if(ow1 >= 0){ if (ow1 <= 120){ | ||
+ | s1 = setTimeout("Show1('" + o + "')",1); | ||
+ | }} | ||
+ | } | ||
+ | |||
+ | var IsStop2 = false; | ||
+ | var s2; | ||
+ | function Show2(o){ | ||
+ | var ow2 = parseInt($(o).style.width); | ||
+ | if(ow2 < 120){ if (IsStop2){ | ||
+ | $(o).style.width = ow2 + 5 + "px"; | ||
+ | }} | ||
+ | if(ow2 > 0){ if (!IsStop2){ | ||
+ | $(o).style.width = ow2 - 5 + "px"; | ||
+ | if(ow2 == 5){ | ||
+ | $(o).style.display = 'none'; | ||
+ | } | ||
+ | }} | ||
+ | if(ow2 >= 0){ if (ow2 <= 120){ | ||
+ | s2 = setTimeout("Show2('" + o + "')", 1); | ||
+ | }} | ||
+ | } | ||
+ | var IsStop3 = false; | ||
+ | var s3; | ||
+ | function Show3(o){ | ||
+ | var ow3 = parseInt($(o).style.width); | ||
+ | if(ow3 < 120){ if (IsStop3){ | ||
+ | $(o).style.width = ow3 + 5 + "px"; | ||
+ | }} | ||
+ | if(ow3 > 0){ if (!IsStop3){ | ||
+ | $(o).style.width = ow3 - 5 + "px"; | ||
+ | if(ow3 == 5){ | ||
+ | $(o).style.display = 'none'; | ||
+ | } | ||
+ | }} | ||
+ | if(ow3 >= 0){ if (ow3 <= 120){ | ||
+ | s3 = setTimeout("Show3('" + o + "')", 1); | ||
+ | }} | ||
+ | } | ||
+ | var IsStop4 = false; | ||
+ | var s4; | ||
+ | function Show4(o){ | ||
+ | var ow4 = parseInt($(o).style.width); | ||
+ | if(ow4 < 120){ if (IsStop4){ | ||
+ | $(o).style.width = ow4 + 5 + "px"; | ||
+ | }} | ||
+ | if(ow4 > 0){ if (!IsStop4){ | ||
+ | $(o).style.width = ow4 - 5 + "px"; | ||
+ | if(ow4 == 5){ | ||
+ | $(o).style.display = 'none'; | ||
+ | } | ||
+ | }} | ||
+ | if(ow4 >= 0){ if (ow4 <= 120){ | ||
+ | s4 = setTimeout("Show4('" + o + "')", 1); | ||
+ | }} | ||
+ | } | ||
+ | var IsStop5 = false; | ||
+ | var s5; | ||
+ | function Show5(o){ | ||
+ | var ow5 = parseInt($(o).style.width); | ||
+ | if(ow5 < 120){ if(IsStop5){ | ||
+ | $(o).style.width = ow5 + 5 + "px"; | ||
+ | }} | ||
+ | if(ow5 > 0){ if (!IsStop5){ | ||
+ | $(o).style.width = ow5 - 5 + "px"; | ||
+ | if(ow5 == 5){ | ||
+ | $(o).style.display = 'none'; | ||
+ | } | ||
+ | }} | ||
+ | if(ow5 >= 0){ if (ow5 <= 120){ | ||
+ | s5 = setTimeout("Show5('" + o + "')", 1); | ||
+ | }} | ||
+ | } | ||
+ | var IsStop6 = false; | ||
+ | var s6; | ||
+ | function Show6(o){ | ||
+ | var ow6 = parseInt($(o).style.width); | ||
+ | if(ow6 < 120){ if (IsStop6){ | ||
+ | $(o).style.width = ow6 + 5 + "px"; | ||
+ | }} | ||
+ | if(ow6 > 0){ if (!IsStop6){ | ||
+ | $(o).style.width = ow6 - 5 + "px"; | ||
+ | if(ow6 == 5){ | ||
+ | $(o).style.display = 'none'; | ||
+ | } | ||
+ | }} | ||
+ | if(ow6 >= 0){ if (ow6 <= 120){ | ||
+ | s6 = setTimeout("Show6('" + o + "')", 1); | ||
+ | }} | ||
+ | } | ||
+ | function getDefaultStyle(o, a){ | ||
+ | return o.currentStyle ? o.currentStyle[a] : document.defaultView.getComputedStyle(o, false)[a]; | ||
+ | } | ||
+ | $('nav1').onmouseover = function(){ | ||
+ | with($('nav-bar1').style){ | ||
+ | width = '0'; | ||
+ | top = this.offsetTop + this.offsetHeight + 'px'; | ||
+ | right = document.documentElement.clientWidth - this.offsetLeft - this.offsetWidth + 'px'; | ||
+ | display = 'block'; | ||
+ | } | ||
+ | IsStop1 = true; | ||
+ | clearTimeout(s1); | ||
+ | Show1('nav-bar1'); | ||
+ | this.onmouseout = $('nav-bar1').onmouseout = function(e){ | ||
+ | var e = window.event || e; | ||
+ | var s1 = e.toElement || e.relatedTarget; | ||
+ | if(s1 != $('nav-bar1')){if (s1.parentNode != $('nav-bar1')){ | ||
+ | IsStop1 = false; | ||
+ | }} | ||
+ | } | ||
+ | } | ||
+ | $('nav2').onmouseover = function(){ | ||
+ | with($('nav-bar2').style){ | ||
+ | width = '0'; | ||
+ | top = this.offsetTop + this.offsetHeight + 'px'; | ||
+ | right = document.documentElement.clientWidth - this.offsetLeft - this.offsetWidth + 'px'; | ||
+ | display = 'block'; | ||
+ | } | ||
+ | IsStop2 = true; | ||
+ | clearTimeout(s2); | ||
+ | Show2('nav-bar2'); | ||
+ | this.onmouseout = $('nav-bar2').onmouseout = function(e){ | ||
+ | var e = window.event || e; | ||
+ | var s2 = e.toElement || e.relatedTarget; | ||
+ | if(s2 != $('nav-bar2')){ if (s2.parentNode != $('nav-bar2')){ | ||
+ | IsStop2 = false; | ||
+ | }} | ||
+ | } | ||
+ | } | ||
+ | $('nav3').onmouseover = function(){ | ||
+ | with($('nav-bar3').style){ | ||
+ | width = '0'; | ||
+ | top = this.offsetTop + this.offsetHeight + 'px'; | ||
+ | right = document.documentElement.clientWidth - this.offsetLeft - this.offsetWidth + 'px'; | ||
+ | display = 'block'; | ||
+ | } | ||
+ | IsStop3 = true; | ||
+ | clearTimeout(s3); | ||
+ | Show3('nav-bar3'); | ||
+ | this.onmouseout = $('nav-bar3').onmouseout = function(e){ | ||
+ | var e = window.event || e; | ||
+ | var s3 = e.toElement || e.relatedTarget; | ||
+ | if(s3 != $('nav-bar3')){ if (s3.parentNode != $('nav-bar3')){ | ||
+ | IsStop3 = false; | ||
+ | }} | ||
+ | } | ||
+ | } | ||
+ | $('nav4').onmouseover = function(){ | ||
+ | with($('nav-bar4').style){ | ||
+ | width = '0'; | ||
+ | top = this.offsetTop + this.offsetHeight + 'px'; | ||
+ | right = document.documentElement.clientWidth - this.offsetLeft - this.offsetWidth + 'px'; | ||
+ | display = 'block'; | ||
+ | } | ||
+ | IsStop4 = true; | ||
+ | clearTimeout(s4); | ||
+ | Show4('nav-bar4'); | ||
+ | this.onmouseout = $('nav-bar4').onmouseout = function(e){ | ||
+ | var e = window.event || e; | ||
+ | var s4 = e.toElement || e.relatedTarget; | ||
+ | if(s4 != $('nav-bar4')){ if (s4.parentNode != $('nav-bar4')){ | ||
+ | IsStop4 = false; | ||
+ | }} | ||
+ | } | ||
+ | } | ||
+ | $('nav5').onmouseover = function(){ | ||
+ | with($('nav-bar5').style){ | ||
+ | width = '0'; | ||
+ | top = this.offsetTop + this.offsetHeight + 'px'; | ||
+ | right = document.documentElement.clientWidth - this.offsetLeft - this.offsetWidth + 'px'; | ||
+ | display = 'block'; | ||
+ | } | ||
+ | IsStop5 = true; | ||
+ | clearTimeout(s5); | ||
+ | Show5('nav-bar5'); | ||
+ | this.onmouseout = $('nav-bar5').onmouseout = function(e){ | ||
+ | var e = window.event || e; | ||
+ | var s5 = e.toElement || e.relatedTarget; | ||
+ | if(s5 != $('nav-bar5')){ if (s5.parentNode != $('nav-bar5')){ | ||
+ | IsStop5 = false; | ||
+ | }} | ||
+ | } | ||
+ | } | ||
+ | $('nav6').onmouseover = function(){ | ||
+ | with($('nav-bar6').style){ | ||
+ | width = '0'; | ||
+ | top = this.offsetTop + this.offsetHeight + 'px'; | ||
+ | right = document.documentElement.clientWidth - this.offsetLeft - this.offsetWidth + 'px'; | ||
+ | display = 'block'; | ||
+ | } | ||
+ | IsStop6 = true; | ||
+ | clearTimeout(s6); | ||
+ | Show6('nav-bar6'); | ||
+ | this.onmouseout = $('nav-bar6').onmouseout = function(e){ | ||
+ | var e = window.event || e; | ||
+ | var s6 = e.toElement || e.relatedTarget; | ||
+ | if(s6 != $('nav-bar6')){ if (s6.parentNode != $('nav-bar6')){ | ||
+ | IsStop6 = false; | ||
+ | }} | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | </tbody></table> | ||
+ | </div> | ||
</td> | </td> | ||
</tr> | </tr> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </ | + | </tbody></table> |
+ | |||
- | + | ||
- | </ | + | </div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</body> | </body> | ||
</html> | </html> | ||
- |
Revision as of 03:48, 26 September 2012