Template:Lyon-INSA/homeCss

From 2012.igem.org

(Difference between revisions)
Line 277: Line 277:
<style>
<style>
-
  #teamtown:hover{
+
 
 +
.menuprinc{
   background:url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat;
   background:url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat;
 +
  background-position:-50px -50px;
 +
}
 +
  #teamtown:hover{
   background-position:79px 63px;
   background-position:79px 63px;
}
}
Line 304: Line 308:
<script>
<script>
-
$(".menuprinc").click(function(){
 
-
          $(".menuprinc").css("background-position","-50px -50px");
 
-
});
 
$(".menuprinc").mouseOut(function(){
$(".menuprinc").mouseOut(function(){
Line 312: Line 313:
});
});
-
$("#human").mouseEnter(function(){
+
$("#human").mouseOver(function(){
       $("#human").css("background-position","99px 63px");
       $("#human").css("background-position","99px 63px");
});
});
-
$("#lab").mouseEnter(function(){
+
$("#lab").mouseOver(function(){
       $("#lab").css("background-position","24px 63px");
       $("#lab").css("background-position","24px 63px");
});
});
-
$("#project").mouseEnter(function(){
+
$("#project").mouseOver(function(){
       $("#project").css("background-position","49px 63px");
       $("#project").css("background-position","49px 63px");
});
});
-
$("#collaboration").mouseEnter(function(){
+
$("#collaboration").mouseOver(function(){
       $("#collaboration").css("background-position","84px 63px");
       $("#collaboration").css("background-position","84px 63px");
});
});
-
$("#result").mouseEnter(function(){
+
$("#result").mouseOver(function(){
       $("#result").css("background-position","44px 63px");
       $("#result").css("background-position","44px 63px");
});
});
-
$("#teamtown").mouseEnter(function(){
+
$("#teamtown").mouseOver(function(){
       $("#teamtown").css("background-position","79px 63px");
       $("#teamtown").css("background-position","79px 63px");
});
});
Line 333: Line 334:
   $("#teamtown").click(
   $("#teamtown").click(
             function(){       
             function(){       
 +
  $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
                 $("#divtt").fadeIn();
                 $("#divtt").fadeIn();
-
                $("#teamtown").css("background","url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat");
 
                 $("#teamtown").css("background-position","79px 63px");
                 $("#teamtown").css("background-position","79px 63px");
               });
               });
   $("#project").click(
   $("#project").click(
             function(){
             function(){
 +
  $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
                 $("#divproject").fadeIn();
                 $("#divproject").fadeIn();
-
                $("#project").css("background","url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat");
+
                    $("#project").css("background-position","79px 63px");
-
                $("#project").css("background-position","79px 63px");
+
               });
               });
   $("#collaboration").click(
   $("#collaboration").click(
             function(){
             function(){
 +
  $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
                 $("#divcollabo").fadeIn();
                 $("#divcollabo").fadeIn();
-
                $("#collaboration").css("background","url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat");
+
 
                 $("#collaboration").css("background-position","79px 63px");
                 $("#collaboration").css("background-position","79px 63px");
               });
               });
   $("#lab").click(
   $("#lab").click(
             function(){
             function(){
 +
  $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
                 $("#divlab").fadeIn();
                 $("#divlab").fadeIn();
-
                $("#lab").css("background","url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat");
+
 
                 $("#lab").css("background-position","79px 63px");
                 $("#lab").css("background-position","79px 63px");
               });   
               });   
$("#human").click(
$("#human").click(
             function(){
             function(){
 +
  $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
                 $("#divhuman").fadeIn();
                 $("#divhuman").fadeIn();
-
                $("#human").css("background","url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat");
+
 
                 $("#human").css("background-position","79px 63px");
                 $("#human").css("background-position","79px 63px");
               });
               });
   $("#result").click(
   $("#result").click(
             function(){
             function(){
 +
  $(".menuprinc").css("background-position","-50px -50px");
                   $(".sousMenu").hide();
                   $(".sousMenu").hide();
                 $("#divresult").fadeIn();
                 $("#divresult").fadeIn();
-
                $("#result").css("background","url('https://static.igem.org/mediawiki/2012/9/98/Fleche2.png') no-repeat");
+
   
                 $("#result").css("background-position","79px 63px");
                 $("#result").css("background-position","79px 63px");
               });
               });

Revision as of 11:32, 20 October 2012

Retrieved from "http://2012.igem.org/Template:Lyon-INSA/homeCss"