Team:KIT-Kyoto/Test
From 2014.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 127: | Line 127: | ||
background-color:rgba(100,100,100,0); | background-color:rgba(100,100,100,0); | ||
z-index:1; | z-index:1; | ||
+ | } | ||
+ | #fkit a{ | ||
+ | color:#fff; | ||
} | } | ||
#bodyContent{ | #bodyContent{ | ||
Line 180: | Line 183: | ||
$(window).resize(topimg); | $(window).resize(topimg); | ||
}); | }); | ||
- | + | topimg(); | |
$('.hide').css('opacity','0'); | $('.hide').css('opacity','0'); | ||
$('.show a,.hide a').hover(function(){ | $('.show a,.hide a').hover(function(){ | ||
Line 194: | Line 197: | ||
); | ); | ||
+ | var slide = function(){ | ||
+ | $("#SideMenu").animate({left:'0px'},500,'swing'); | ||
+ | $("#close").animate({left:'215px'},500,'swing').addClass("close"); | ||
+ | $(".logo").animate({left:'250'},500,'swing'); | ||
+ | $("#container").animate({margin:'0px 0px 0px 250px'},{duration:500,easing:'swing',complete:function(){topimg();},}); | ||
+ | $(".toplogo,#nav5,.active,.submenu").animate({opacity:'1'},800,'swing'); | ||
+ | setTimeout(function(){ | ||
+ | $("#close a") | ||
+ | .css({'background-image':'url("https://static.igem.org/mediawiki/2014/6/6d/Kit_close.png")' | ||
+ | });},500); | ||
+ | } | ||
var ua = navigator.userAgent; | var ua = navigator.userAgent; | ||
if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){ | if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){ | ||
- | topimg(); | + | setTimeout(function(){topimg();},1100); |
- | $("#container").css({marginTop:' | + | $("#container").css({marginTop:'65px',marginLeft:'0px'}); |
}else{ | }else{ | ||
$("#close").removeClass('close'); | $("#close").removeClass('close'); | ||
Line 205: | Line 219: | ||
$(".toplogo,#nav5,.active,.submenu").css({opacity:'0'}); | $(".toplogo,#nav5,.active,.submenu").css({opacity:'0'}); | ||
$("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'}); | $("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'}); | ||
+ | setTimeout(function(){ | ||
+ | slide(); | ||
+ | },2100); | ||
} | } | ||
+ | |||
$('#close a') | $('#close a') | ||
.click(function(){ | .click(function(){ | ||
Line 220: | Line 238: | ||
},500); | },500); | ||
}else { | }else { | ||
- | + | slide(); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | }) | + | }); |
}); | }); | ||
</script> | </script> |
Latest revision as of 02:43, 11 October 2014