Team:USP-UNESP-Brazil/Templates/Header

From 2012.igem.org

(Difference between revisions)
Line 42: Line 42:
     <div id="topmenu">
     <div id="topmenu">
-
<!--        <div id="menuIntro" class="menuicon">Introduction</div>
+
<!--        <div id="menuIntro" class="menuicon">
-
            <ul id="panelIntro" class="panel">
+
                 <a href="https://2012.igem.org/Team:USP-UNESP-Brazil">Home</a>
-
                 <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil">Home</a></li>
+
                 <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">Team</a>
-
                 <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">Team</a></li>
+
                 <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">Tour</a>
-
                 <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">Tour</a></li>
+
             </div>            
-
             </ul>
+
         <div id="menuOver"class="menuicon">Overview</div>
         <div id="menuOver"class="menuicon">Overview</div>
                 <ul id="panelOver" class="panel">
                 <ul id="panelOver" class="panel">
Line 116: Line 115:
            $('.images').eq(currentItem).fadeIn(initialFadeIn);
            $('.images').eq(currentItem).fadeIn(initialFadeIn);
           $('.titles').eq(currentItem).fadeIn(initialFadeIn);
           $('.titles').eq(currentItem).fadeIn(initialFadeIn);
 +
           $('.menuicon').eq(currentItem).fadeIn(initialFadeIn);
            //loop through the items
            //loop through the items
Line 121: Line 121:
                $('.images').eq(currentItem).fadeOut(fadeTime);
                $('.images').eq(currentItem).fadeOut(fadeTime);
                $('.titles').eq(currentItem).fadeOut(fadeTime);
                $('.titles').eq(currentItem).fadeOut(fadeTime);
 +
                $('.menuicon').eq(currentItem).fadeOut(fadeTime);
                if(currentItem == numberOfItems -1){
                if(currentItem == numberOfItems -1){
                    currentItem = 0;
                    currentItem = 0;
Line 128: Line 129:
                $('.images').eq(currentItem).fadeIn(fadeTime);
                $('.images').eq(currentItem).fadeIn(fadeTime);
                $('.titles').eq(currentItem).fadeIn(fadeTime);
                $('.titles').eq(currentItem).fadeIn(fadeTime);
 +
                $('.menuicon').eq(currentItem).fadeIn(fadeTime);
 
 
            }, itemInterval);
            }, itemInterval);

Revision as of 19:06, 25 September 2012