제이쿼리 클래스 클릭시 #네임 값에 따라 화면 애니메이션 하는 기능 구현인데요~~
본문
$(".btn1").click(
function(){
$("#main").animate({"left":"0px"},500);
$("#sub1").animate({"left":980*1+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub2").animate({"left":980*2+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub3").animate({"left":980*3+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub4").animate({"left":980*4+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub5").animate({"left":980*5+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub6").animate({"left":980*6+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub7").animate({"left":980*7+(($("#wrap").width()-980)/2)+"px"},500);
p=1;
$("#bulletDIv > .hover").removeClass("hover");
$("#bulletDIv > .btn1").addClass("hover");
$(".allow").css({"display":"none"});
location.href = "index.php#page=btn1";
});
>>
해당 메뉴 클릭시 클래스 값에 따라 이동 하는건데요
>>
아작스 기능이 들어가서 페이지 고정 처리 기능이 안되어서 할때마다 매번 클릭하는게 짜증이나서요..
/index.php#page=btn7
이런식으로 page= 에 값이 있으면
document.ready 로 새로 고치하거나 페이지를 불러와도
btn7 -->> 클래스를 클릭한것처럼 효과를 주고 싶은데요 고수님들 어떻게 하면 좋을까요^^
function(){
$("#main").animate({"left":"0px"},500);
$("#sub1").animate({"left":980*1+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub2").animate({"left":980*2+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub3").animate({"left":980*3+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub4").animate({"left":980*4+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub5").animate({"left":980*5+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub6").animate({"left":980*6+(($("#wrap").width()-980)/2)+"px"},500);
$("#sub7").animate({"left":980*7+(($("#wrap").width()-980)/2)+"px"},500);
p=1;
$("#bulletDIv > .hover").removeClass("hover");
$("#bulletDIv > .btn1").addClass("hover");
$(".allow").css({"display":"none"});
location.href = "index.php#page=btn1";
});
>>
해당 메뉴 클릭시 클래스 값에 따라 이동 하는건데요
>>
아작스 기능이 들어가서 페이지 고정 처리 기능이 안되어서 할때마다 매번 클릭하는게 짜증이나서요..
/index.php#page=btn7
이런식으로 page= 에 값이 있으면
document.ready 로 새로 고치하거나 페이지를 불러와도
btn7 -->> 클래스를 클릭한것처럼 효과를 주고 싶은데요 고수님들 어떻게 하면 좋을까요^^
답변을 작성하시기 전에 로그인 해주세요.