Team:Minnesota/Notebook

From 2013.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 31: Line 31:
//background image centering
//background image centering
-
//main page image switcher - VERSION 2! Really cool haha...
+
 
var keeper;
var keeper;
$("#mainRightButton1").hover(
$("#mainRightButton1").hover(
     function() {
     function() {
-
       $(this).attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_gold_txt_zps6a94b6c8.png");},           
+
       keeper = $(this).attr("src");
-
     function() {$(this).attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_maroon_img_zpsfc8c87cc.png");}
+
      var keeper2 = keeper.replace("img","txt");
 +
      $(this).attr("src",keeper2);
 +
    },           
 +
     function() {$(this).attr("src",keeper);}
);
);
$("#mainRightButton2").hover(
$("#mainRightButton2").hover(
-
    function() {
 
-
      $(this).attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_gold_txt_zps96347d4e.png");},         
 
-
    function() {$(this).attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_maroon_img_zps10b17630.png");}
 
-
);
 
-
 
-
 
-
 
-
$("#mainRightButton3").hover(
 
-
    function() {
 
-
      $(this).attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_gold_txt_zps6a94b6c8.png");},         
 
-
    function() {$(this).attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_maroon_img_zpsfc8c87cc.png");}
 
-
);
 
-
 
-
/*fade in/out animations. need both rather than hover since one element will overlap the other.*/
 
-
$("#mainRightButton2").mouseover(
 
-
    function() {$(this).attr("src","http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_maroon_img_zps10b17630.png");}
 
-
);
 
-
$("#mainRightButton1").mouseleave(
 
-
    function() {$("#mainRightButton1").fadeOut("fast");}
 
-
);
 
-
 
-
$("#MainSunscreenButton").mouseover(
 
-
    function() {$("#MainSunscreenButton2").fadeIn("fast");}
 
-
);
 
-
$("#MainSunscreenButton2").mouseleave(
 
-
    function() {$("#MainSunscreenButton2").fadeOut("fast");}
 
-
);
 
-
 
-
$("#mainRightButton1").hover(
 
     function() {
     function() {
       keeper = $(this).attr("src");
       keeper = $(this).attr("src");
-
       var keeper2 = keeper.replace("img","txt");
+
       var keeper2 = keeper.replace("http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_maroon_img_zps10b17630.png","http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_gold_txt_zps96347d4e.png");
       $(this).attr("src",keeper2);
       $(this).attr("src",keeper2);
     },           
     },           
     function() {$(this).attr("src",keeper);}
     function() {$(this).attr("src",keeper);}
-
);
 
-
 
-
$("#mainRightButton2").hover(
 
-
    http://i791.photobucket.com/albums/yy194/GopheriGEM/pes_gold_txt_zps96347d4e.png
 
);
);
Line 85: Line 55:
     function() {
     function() {
       keeper = $(this).attr("src");
       keeper = $(this).attr("src");
-
       var keeper2 = keeper.replace("img","txt");
+
       var keeper2 = keeper.replace("http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_maroon_img_zpsfc8c87cc.png","http://i791.photobucket.com/albums/yy194/GopheriGEM/insulin_gold_txt_zps6a94b6c8.png");
       $(this).attr("src",keeper2);
       $(this).attr("src",keeper2);
     },           
     },           
Line 91: Line 61:
);
);
-
//click tracker for which notebook it's on
 
-
$("#mainRightButton1").click(
 
-
    function(){
 
-
        var original = $(this).attr("src");
 
-
        var new1 = original.replace("gold","maroon");
 
-
        $(this).attr("src",new1);
 
-
        keeper = new1.replace("txt","img");
 
-
        original = $("#mainRightButton2").attr("src");
 
-
        $("#mainRightButton2").attr("src",original.replace("maroon","gold"));
 
-
        original = $("#mainRightButton3").attr("src");
 
-
        $("#mainRightButton3").attr("src",original.replace("maroon","gold"));
 
-
    }
 
-
);
 
-
$("#mainRightButton2").click(
 
-
    function(){
 
-
        var original = $(this).attr("src");
 
-
        var new1 = original.replace("gold","maroon");
 
-
        $(this).attr("src",new1);
 
-
        keeper = new1.replace("txt","img");
 
-
        original = $("#mainRightButton1").attr("src");
 
-
        $("#mainRightButton1").attr("src",original.replace("maroon","gold"));
 
-
        original = $("#mainRightButton3").attr("src");
 
-
        $("#mainRightButton3").attr("src",original.replace("maroon","gold"));
 
-
    }
 
-
);
 
-
 
-
$("#mainRightButton3").click(
 
-
    function(){
 
-
        var original = $(this).attr("src");
 
-
        var new1 = original.replace("gold","maroon");
 
-
        $(this).attr("src",new1);
 
-
        keeper = new1.replace("txt","img");
 
-
        original = $("#mainRightButton1").attr("src");
 
-
        $("#mainRightButton1").attr("src",original.replace("maroon","gold"));
 
-
        original = $("#mainRightButton2").attr("src");
 
-
        $("#mainRightButton2").attr("src",original.replace("maroon","gold"));
 
-
    }
 
-
);
 
//social media button switchers
//social media button switchers
-
$("#fbButton").hover(
 
-
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook.png");},         
 
-
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png");}
 
-
);
 
$("#twitterButton").hover(
$("#twitterButton").hover(
Line 187: Line 115:
<div class="sideSocialMediaButtons">
<div class="sideSocialMediaButtons">
-
<div style="position:absolute; left:6px; top:6px;">
 
-
<a href="http://www.facebook.com/GopheriGEM2013">
 
-
<img id="fbButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png">
 
-
</a>
 
-
</div>
 
-
<div style="position:absolute; left:66px; top:6px;">
+
<div style="position:absolute; left:36px; top:6px;">
<a href="https://twitter.com/GopheriGEM">
<a href="https://twitter.com/GopheriGEM">
<img id="twitterButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png">
<img id="twitterButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png">
Line 201: Line 124:
<!--temp area for guide to social media-->
<!--temp area for guide to social media-->
-
<div style="position:absolute; top:420px; left:20px;font-family:Verdana;font-size:15;">
+
<div style="position:absolute; top:440px; left:20px;font-family:Verdana;font-size:15;">
-
Like us on FB and follow us on Twitter!
+
Follow us on Twitter!
</div>
</div>
Line 208: Line 131:
<div id="MainBoxAll">
<div id="MainBoxAll">
-
 
-
 
<div id="MainBoxContent" style="background-color:white">
<div id="MainBoxContent" style="background-color:white">

Latest revision as of 23:49, 27 September 2013

Team:Minnesota - Main Style Template Team:Minnesota - Notebook

Welcome to our Notebook page! Please use the buttons on the right to see in detail the exciting work our team has been doing this summer!