Team:OUC-China

From 2014.igem.org

(Difference between revisions)
Line 410: Line 410:
         $('#top-section').css({ 'position': 'relative' });
         $('#top-section').css({ 'position': 'relative' });
     </script>
     </script>
-
<div class = "header"> <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="width:340px;height:110px;"/> <img class = "igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" style="left:360px"/>
+
<img class="logo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" style="left:10px" />
-
  <div class = "nav">
+
    <img class="logo" src="https://static.igem.org/mediawiki/2014/0/00/OUC_China_Content_Team.png" style="right:10px" />
-
     <ul>
+
     <header>
-
      <li>HOME</li>
+
-
      <li class = "pMenu">TEAM
+
         <ul>
         <ul>
-
          <li><a href="page.html">team members</a></li>
+
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a href="#" style="font-size:22px">HOME</a></li>
-
          <li><a href="#">instructor</a></li>
+
            <li><div><div></div></div></li>
-
          <li><a href="#">Acknowledgement</a></li>
+
         </ul>
         </ul>
-
      </li>
+
        <ul style="margin-top:-270px">
-
      <li>PROJECT</li>
+
            <li><a href="">Members</a></li>
-
      <li>JUDING</li>
+
            <li><a href="">Instructor</a></li>
-
      <li>SAFETY</li>
+
            <li><a href="">Acknowledgment</a></li>
-
      <li>NOTEBOOK</li>
+
            <li><a href="">Lab</a></li>
-
    </ul>
+
            <li><a href="">Official Team Profile</a></li>
-
  </div>
+
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style ="font-size:22px">TEAM</a></li>
-
  <div class = "Logo pMenu">
+
            <li><div><div></div></div></li>
-
    <ul>
+
        </ul>
-
      <li><a href="#">2013:</a><img src="https://static.igem.org/mediawiki/2014/d/d0/13logo.png"></li>
+
        <ul style="margin-top:-240px">
-
      <li><a href="#">2012:</a><img src="https://static.igem.org/mediawiki/2014/d/d8/OUC-China_12Logo.png"></li>
+
            <li><a href="">Overview</a></li>
-
    </ul>
+
            <li><a href="">Background</a></li>
-
  </div>
+
            <li><a href="">Design</a></li>
-
<script>
+
            <li><a href="">Result</a></li>
-
$(".pMenu").mouseover(function(){
+
            <li><a href="">Future</a></li>
-
  $(this).find("ul").slideDown();
+
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">PROJECT</a></li>
-
});
+
            <li><div><div></div></div></li>
-
$(".pMenu").mouseleave(function(){
+
        </ul>
-
  $(this).find("ul").slideUp(function(){
+
        <ul style="margin-top:-100px">
-
    $(this).clearQueue();
+
            <li><a href="">Biobrick</a></li>
-
  });
+
            <li><a href="">Achievment</a></li>
-
});
+
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">JUDGING</a></li>
-
</script>
+
            <li><div><div></div></div></li>
 +
        </ul>
 +
        <ul style="margin-top:-160px">
 +
            <li><a href="">Boi Safety</a></li>
 +
            <li><a href="">Lab Safety</a></li>
 +
            <li><a href="">Policy&Practise</a></li>
 +
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">SAFETY</a></li>
 +
            <li><div><div></div></div></li>
 +
        </ul>
 +
        <ul style="margin-top:-140px">
 +
            <li><a href="">Lab Note</a></li>
 +
            <li><a href="">Modeling Note</a></li>
 +
            <li><a href="">Protocols</a></li>
 +
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">NOTEBOOK</a></li>
 +
            <li><div><div></div></div></li>
 +
        </ul>
 +
    </header>
 +
    <script>
 +
        var header = $('header');
 +
        function resizeElement() {
 +
            header.css({ marginLeft: (window.innerWidth - 1020) / 2 + 'px' });
 +
        }
 +
        resizeElement();
 +
        window.onresize = resizeElement;
 +
    </script>
</div>
</div>
<!--轮播效果-->
<!--轮播效果-->

Revision as of 10:14, 16 October 2014

Moving

Text
and Image

Fadein

Text
and Image

  • the double plasmid system

  • Transfection

  • modeling

  • Judging

  • safety

  • policy&practise

Retrieved from "http://2014.igem.org/Team:OUC-China"