Template:Team:KIT-Kyoto/hidelogo

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
-
$(function(){
+
var checkheight = function() {
-
     var h = $(window).height();
+
     var browserheight = $(window).height();
-
    var x = 1200;
+
-
     if (h <= x){
+
     if(browserheight <= 1079){
 +
        $('.toplogo').addClass('hidelogo');
 +
    }else{
 +
        $('.toplogo').removeClass('hidelogo');
 +
    }
setTimeout(function(){
setTimeout(function(){
-
$(".toplogo img").animate({'margin-top':'-40px','margin-bottom':'-65px'},1000,'linear');
+
$(".hidelogo img").animate({'margin-top':'-40px','margin-bottom':'-65px'},1000,'linear');
-
$("toplogo img").addClass('hidelogo');
+
},3000);
},3000);
-
$(".toplogo").hover(
+
};
 +
 +
$(function(){
 +
    checkWidth();
 +
    $(window).resize(checkheight);
 +
});
 +
 
 +
$(function(){
 +
$(".hidelogo").hover(
function(){
function(){
-
$(".toplogo img").stop().animate({'margin-top':'14px','margin-bottom':'0px'},400,'swing');
+
$(".hidelogo img").stop().animate({'margin-top':'14px','margin-bottom':'0px'},400,'swing');
},
},
function(){
function(){
-
$(".toplogo img").stop().animate({'margin-top':'-40px','margin-bottom':'-65px'},300,'swing');
+
$(".hidelogo img").stop().animate({'margin-top':'-40px','margin-bottom':'-65px'},300,'swing');
}
}
);
);
-
}
 
});
});
</script>
</script>

Revision as of 14:44, 21 September 2014

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