Team:USP-UNESP-Brazil/Templates/Header

From 2012.igem.org

(Difference between revisions)
Line 28: Line 28:
     </a>
     </a>
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction">
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction">
-
         <img class="images" src="https://static.igem.org/mediawiki/2012/2/2a/PPPImage.png" alt="Plasmid Plug&Play"/>
+
         <img class="images" src="https://static.igem.org/mediawiki/2012/2/2a/PPPImage.png" alt="Plasmid Plug'nPlay"/>
-
         <div class="titles titledark">Plasmid</br>Plug&Play</div>
+
         <div class="titles titledark">Plasmid</br>Plug'n Play</div>
     </a>
     </a>
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">
Line 45: Line 45:
     <div id="topmenu">
     <div id="topmenu">
-
         <div class="menuicon">Introduction</div>
+
         <div id="menuIntro" class="menuicon">Introduction</div>
 +
            <div id="panelIntro" class="panel">
 +
                <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil">Home</a></li>
 +
                <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">Team</a></li>
 +
                <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">Tour</a></li>
 +
            </div>
         <div class="menuicon">Overview</div>
         <div class="menuicon">Overview</div>
         <div class="menuicon">Associative Memory</div>
         <div class="menuicon">Associative Memory</div>
Line 53: Line 58:
</div>
</div>
-
<!-- menu animation -->
+
<!-- Menu Animation -->
 +
 
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
    $(document).ready(function(){
 +
        $("#menuIntro").mouseover(function(){
 +
            $("#panelIntro").slideUp("slow");
 +
        });
 +
        $("#menuIntro").mouseout(function(){
 +
            $("#panelIntro").slideDown("slow");
 +
        });
 +
 
 +
    });
 +
 
 +
<!-- End of Menu Animation -->
 +
 
 +
<!-- Image Carrousel -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
Line 108: Line 129:
</script>
</script>
-
<!-- end of animation -->
+
<!-- End of Menu Carrousel -->

Revision as of 05:30, 25 September 2012