$(document).ready(function(){ //s 카테고리 탭 및 레이어 var $pro = $("#pro"), $theme = $("#theme"), $proa = $("#pro a:eq(1)"), $themea = $("#theme a:eq(0)"), category=$(".category ul"); $proa.click(function(){ $pro.css("display","none"); $theme.css("display","block"); category.css("display","none"); category.eq(1).css("display","block"); }); $themea.click(function(){ $pro.css("display","block"); $theme.css("display","none"); category.css("display","none"); category.eq(0).css("display","block"); }); var subMenu = $(".subNav"), categoryBox=$(".category ul"); categoryMenu=$(".category ul li"); categoryMenu.mouseover(function(){ var $this =$(this), $menu=$(this).children('.subNav'), menu=$(".subNav"); menu.css("display","none"); $menu.css("display","block"); }); subMenu.mouseleave(function(){ $(this).css("display","none"); }); categoryBox.mouseleave(function(){ subMenu.css("display","none"); }); //e 카테고리 탭 및 레이어 //s 핫트랜드 탭오버시 동작 var $tab=$(".trendWrap .tab li"), $trend=$(".trend"); $tab.each(function(index){ $(this).mouseover(function(){ $tab.removeClass("on"); $(this).addClass("on"); $trend.css("display","none"); $trend.eq(index).css("display","block"); }); }); //e 핫트랜드 탭오버시 동작 //s high quality 아이템 var $tab1=$(".high ul li"), $products1=$(".high .products"); $tab1.each(function(index){ $(this).mouseover(function(){ $tab1.removeClass("on"); $(this).addClass("on"); $products1.css("display","none"); $products1.eq(index).css("display","block"); }); }); //e high quality 아이템 //s all about 오가닉 var $tab2=$(".organic ul li"), $products2=$(".organic .products"); $tab2.each(function(index){ $(this).mouseover(function(){ $tab2.removeClass("on"); $(this).addClass("on"); $products2.css("display","none"); $products2.eq(index).css("display","block"); }); }); //e all about 오가닉 //s 이벤트 중배너 동작 imgid=Math.round(Math.random()*9) var bannerNav=$(".adBanner2 li a"), bannerImg=$(".adBanner2 p"); bannerImg.eq(imgid).css("display","block") bannerNav.eq(imgid).addClass("on"); bannerNav.each(function(index){ $(this).mouseover(function(){ bannerNav.removeClass("on"); $(this).addClass("on"); bannerImg.css("display","none"); bannerImg.eq(index).css("display","block"); }); }); //e 이벤트 중배너 동작 }); //s 띠배너 동작 $(function(){ $('#newsticker2').Vnewsticker({ speed: 700, //스크롤 스피드 pause: 2000, //잠시 대기 시간 mousePause: true, //마우스 오버시 일시정지(true=일시정지) showItems: 1, //스크롤 목록 갯수 지정(1=한줄만 보임) direction : "up" //up=위로스크롤, 공란=아래로 스크롤 }); }); //e 띠배너 동작 //s 베스트 오브 베스트 롤링 var sample_bn_speed = 1000; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC1_1(){ var obj = jQuery("#best1"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after1_1);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before1_1);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after1_1(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best1 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before1_1(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best1 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 1000; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC1_2(){ var obj = jQuery("#best2"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after1_2);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before1_2);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after1_2(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best2 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before1_2(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best2 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 1000; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC1_3(){ var obj = jQuery("#best3"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after1_3);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before1_3);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after1_3(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best3 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before1_3(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best3 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 1000; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC1_4(){ var obj = jQuery("#best4"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after1_4);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before1_4);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after1_4(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best4 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before1_4(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#best4 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //e 베스트 오브 베스트 롤링 //s 히트예감 롤링 var sample_bn_speed = 800; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC2_1(){ var obj = jQuery("#hit1"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after2_1);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before2_1);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after2_1(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit1 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before2_1(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit1 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 800; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC2_2(){ var obj = jQuery("#hit2"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after2_2);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before2_2);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after2_2(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit2 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before2_2(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit2 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 800; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC2_3(){ var obj = jQuery("#hit3"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after2_3);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before2_3);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after2_3(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit3 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before2_3(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit3 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 800; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC2_4(){ var obj = jQuery("#hit4"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after2_4);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before2_4);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after2_4(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit4 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before2_4(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit4 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 800; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC2_5(){ var obj = jQuery("#hit5"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after2_5);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before2_5);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after2_5(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit5 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before2_5(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit5 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 800; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC2_6(){ var obj = jQuery("#hit6"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after2_6);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before2_6);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after2_6(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit6 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before2_6(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit6 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } var sample_bn_speed = 800; //움직임 속도 var sample_bn_click = 0; //광클릭 방지 function sample_bn_AC2_7(){ var obj = jQuery("#hit7"); //해당 object 변수 var after_bt = obj.find(">a").eq(0); //다음버튼 변수 var before_bt = obj.find(">a").eq(1); //이전버튼 변수 after_bt.click(sample_bn_after2_7);//다음 버튼 클릭시 sample_bn_after펑션 호출 before_bt.click(sample_bn_before2_7);//이전 버튼 클릭시 sample_bn_before펑션 호출 } //다음 버튼 호출 function sample_bn_after2_7(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit7 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li").eq(0).clone().appendTo(move_obj);//움직일 객체변수의 자식중 li의 0번째 녀석을 clone(복사)하여 appendTo(위치) 위치에 해당하는 곳의 배열중 마지막배열로 삽입한다. move_obj.animate( {left:move_obj_width} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 1번째을 복사하여 마지막 배열에 추가하였다. move_obj.find(">li").eq(0).remove();//remove함수를 사용하여 1번째 배열을 삭제한다. move_obj.css("left","0");//left값을 0으로 초기화시킨다. (1번째 배열을 삭제하였기때문에 그공간을 빼준 값이다.) //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 2,3,1로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //이전 버튼 호출 function sample_bn_before2_7(){ if(sample_bn_click == 0){ sample_bn_click = 1;//배너의 움직임이 지속되는동안은 클릭시 중첩되지 않게 된다. var move_obj = jQuery("#hit7 > div > ul"); //움직일 객체 변수 var move_obj_width = (move_obj.find(">li").width() * -1); //움직일 컨텐츠의 넓이값 저장 (다음버튼클릭시 화면은 왼쪽으로 움직이기 위해 음수값을 만든다) move_obj.find(">li:last").clone().prependTo(move_obj);//움직일 객체변수의 자식중 li의 마지막 녀석을 clone(복사)하여 prependTo(위치) 위치에 해당하는 곳의 배열중 첫번째배열로 삽입한다. move_obj.css("left",move_obj_width+"px");//left값을 객체 하나만큼의 값만큼 -시킨다. (마지막 배열을 가져와 첫번째에 넣었기때문에 그만큼의 값을 -시킨것이다.) move_obj.animate( {left:0} ,sample_bn_speed ,function(){ //해당 펑션은 animate가 작동이 끝난뒤 처리된다. //이곳에 오기전까지의 데이터는 마지막을 복사하여 첫번째 배열에 추가하였다. move_obj.find(">li:last").remove();//remove함수를 사용하여 마지막 배열을 삭제한다. //이곳까지 오게 되면 소스상의 데이터는 초기 : 1,2,3 에서 3,1,2로 변경 되어있다. //클릭시 마다 적용되며 클릭시마다 배열이 새롭게 변경된다.(무한반복) sample_bn_click = 0;//움직임이 끝났고 다음 클릭을 대비하여 값을 초기화한다. } );//move_obj의 left를 저장해놓았던 넓이값만큼 미리정해놓은 속도로 이동시킨다. } } //e 히트예감 롤링