:
이 - 사업부 로고
애니메이션을 클릭 - 다시 DIV 로고를 클릭을하고 초기 위치
로 이동합니다 - 배경에 클릭이 초기에 가야한다 위치가 아직없는 경우애니메이션의 전환 및 배경
div를 설정하여 div의 위치를 확인하지만 작동하지 않으며 올바른 방향인지 여부를 알 수 없습니다. http://jsfiddle.net/xNMZ3/이
HTML :
<div id="logo"></div>
<div id="background"></div>
CSS :
body{margin:0;}
#logo {
position:fixed;
bottom:-40px;left: 5%;
width:70px; height:80px;
background:blue;
cursor:pointer;
z-index:1;
}
#background {
position: absolute;
width: 100%; height: 100%;
background:yellow;
z-index:0;
}
JQUERY :
$(function(){
var hidden = $("#logo").css("bottom","-40" + "px");
$("#logo").click(function(event) {
event.stopPropagation();
if (hidden) {
$("#logo").animate({bottom: "0"}, 500);
} else {
$("#logo").stop.animate({bottom: "-40"}, 500);
}
});
$("#background").click(function() {
if (!hidden) {
$("#logo").animate({bottom: "-40"}, 500);
}
});
})
당신은 pageload에'hidden'을 설정하는? – adeneo