Difference between revisions of "Team:Queens Canada/Team"

Line 112: Line 112:
 
             right: 211px;
 
             right: 211px;
 
         }
 
         }
     </style>
+
      
    <script>
+
        if ($('.firstHeading')) $('.firstHeading').remove();
+
    </script>
+
<div class="topSection">
+
        <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
+
        <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
+
        <div class="waveUp"></div>
+
        <div class="waveDown"></div>
+
        <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" />
+
        <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" />
+
    </div>
+
 
+
        <script>
+
            var leftPlas = $(".topSection .leftPlas");
+
            var originalLeft = leftPlas.offset().left;
+
            $("header .nav > li").mouseover(function () {
+
                if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
                else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
+
                leftPlas.css({ left: $(this).offset().left - 50 });
+
            }).mouseout(function () {
+
                leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
                leftPlas.css({ left: originalLeft });
+
                setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
+
            });
+
        </script>
+
 
     </header>
 
     </header>
 
     <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
 
     <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">

Revision as of 15:50, 28 July 2017

Template:CSS/Main

contact us: director@qgemteam.com