jquery로 만든 좌, 우 등장후 다른화면으로 바뀌는 것

728x90

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title> New Document </title>

.wraps{overflow:hidden;width:1043px;height:460px;}

.card_fade{position:relative;width:1043px;height:460px;}

#card_left{position:absolute;top:0px;width:600px;height:460px;background-color:red;}

#card_right{position:absolute;top:0px;width:600px;height:460px;background-color:blue;}

.map_fade{position:relative;width:1043px;height:460px;background-color:orange;}

</style>

</head>

<body>

카드의 왼쪽이 날아옴

</div>

카드의 오른이 날아옴

</div>

</div>

$(document).ready(function(){

$('#card_left').animate({ left:'+=600px' },1000);

$('#card_right').animate({ right:'+=700px' },1200);

$('.card_fade').fadeOut(5000);

$('.map_fade').fadeIn(6000);

});

</script>

</body>

</html>

728x90

인터넷유목민