Template:Team:KIT-Kyoto/hidelogo

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 4: Line 4:
     var browserheight = $(window).height();
     var browserheight = $(window).height();
   
   
-
     if(browserheight <= 1079){
+
     if(browserheight <= 730){
         $('.toplogo').addClass('hidelogo');
         $('.toplogo').addClass('hidelogo');
 +
        $('.toplogo').removeClass('showlogo');
     }else{
     }else{
         $('.toplogo').removeClass('hidelogo');
         $('.toplogo').removeClass('hidelogo');
 +
        $('.toplogo').addClass('showlogo');
     }
     }
setTimeout(function(){
setTimeout(function(){
-
$(".hidelogo img").animate({'margin-top':'-40px','margin-bottom':'-65px'},1000,'linear');
+
$(".hidelogo img").animate({'margin-top':'-40px','margin-bottom':'-65px'},800,'linear');
},3000);
},3000);
 +
 +
setTimeout(function(){
 +
$(".showlogo img").animate({'margin-top':'14px','margin-bottom':'-10px'},800,'linear');
 +
},1000);
};
};
   
   
Line 22: Line 28:
$(".hidelogo").hover(
$(".hidelogo").hover(
function(){
function(){
-
$(".hidelogo img").stop().animate({'margin-top':'14px','margin-bottom':'0px'},400,'swing');
+
$(".hidelogo img").stop().animate({'margin-top':'14px','margin-bottom':'-10px'},400,'swing');
},
},
function(){
function(){
Line 30: Line 36:
});
});
</script>
</script>
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
    function showHeight(ele, w) {
 
-
      $(".wndowsize").text("The height for the " + ele +
 
-
                    " is " + w + "px.");
 
-
}
 
-
    $("#getw").click(function () {
 
-
      showHeight("window", $(window).height());
 
-
    });
 
-
});
 
-
</script>
 
-
<style type="text/css">
 
-
#getw{
 
-
font-size:12px;
 
-
position:fixed;
 
-
bottom:50px;
 
-
left:10px;
 
-
}
 
-
.windowsize{
 
-
color:#ffffff;
 
-
width:250px;
 
-
height:30px;
 
-
position:fixed;
 
-
bottom:10px;
 
-
left:0;
 
-
border:1px dashed #fff;
 
-
}
 
-
</style>
 
-
 
-
<button id="getw">Get Window Height</button>
 
-
<div class="windowsize"> </div>
 

Latest revision as of 20:06, 21 September 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/hidelogo"