function chkForm(frm) { var searchTxt = document.getElementById("searchTxt").value; //alert(searchTxt); if(!searchTxt){ alert("검색어를 입력해주세요"); return false; } else { frm.submit(); } } $(document).ready(function(){ // product 메뉴 hover $(".depth_03_wrap").hover(function(){ if(bool == true){ $(".depth_02").css("width", "1540"); bool = false; }else{ $(".depth_02").css("width", "1060"); bool = true; } }); // 상품 프레임 안의 more view 버튼 hover 했을때 background 더 어둡게 변경 $(".step2_mvBtn").hover(function(){ $(".step2_fadeBox").css("background","rgba(165, 165, 165, 0.8)"); }, function(){ $(".step2_fadeBox").css("background","rgba(245, 245, 245, 0.8)"); }); // DEMO 페이지 펼쳤다 접기 (더보기, 접기 버튼) var bool = true; $(".openBtn_box").click(function(){ if(bool == true){ $("#openBtn").text("CLOSE"); $("#upDownBtn").css("transform", "rotate(135deg)"); $("#upDownBtn").css("margin-top", "16px"); $("#open_page").css("height", "2340"); bool = false; }else{ $("#openBtn").text("MORE VIEW (8)"); $("#upDownBtn").css("transform", "rotate(-45deg)"); $("#upDownBtn").css("margin-top", "12px"); $("#open_page").css("height", "1170"); bool = true; } }); // 상품 상세페이지 specifications & support 탭 메뉴 $("#support_btn").click(function(){ $(".support_section").show(); $(".specifications_section").hide(); }); $("#specifications_btn").click(function(){ $(".specifications_section").show(); $(".support_section").hide(); }); // 데모 페이지 비디오 팝업창 $(".play_btn_box").click(function(){ //$(".op_black").show(); }); $(".close_btn_box").click(function(){ //$(".op_black").hide(); }); // product depth_04 페이지 비디오 팝업창 $(".demo_pop_btn").click(function(){ $(".op_black").show(); }); $(".close_btn_box").click(function(){ $(".op_black").hide(); }); // 메인배너 슬릭슬라이더 $('.autoplay').slick({ slide: 'div', //슬라이드 되어야 할 태그 ex) div, li infinite : true, //무한 반복 옵션 slidesToShow : 1, // 한 화면에 보여질 컨텐츠 개수 slidesToScroll : 1, //스크롤 한번에 움직일 컨텐츠 개수 speed : 300, // 다음 버튼 누르고 다음 화면 뜨는데까지 걸리는 시간(ms) arrows : true, // 옆으로 이동하는 화살표 표시 여부 dots : true, // 스크롤바 아래 점으로 페이지네이션 여부 autoplay : true, // 자동 스크롤 사용 여부 autoplaySpeed : 4000, // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (ms) pauseOnHover : true, // 슬라이드 이동 시 마우스 호버하면 슬라이더 멈추게 설정 vertical : false, // 세로 방향 슬라이드 옵션 prevArrow : "", // 이전 화살표 모양 설정 nextArrow : "", // 다음 화살표 모양 설정 dotsClass : "slick-dots", //아래 나오는 페이지네이션(점) css class 지정 draggable : true, //드래그 가능 여부 responsive: [ // 반응형 웹 구현 옵션 { breakpoint: 1023, settings: { //위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경 slidesToShow: 1 } }, { breakpoint: 767, settings: { //위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경 slidesToShow: 1 } } ] }); $(document).ready(function(){ $(window).scroll(function(){ if($(window).scrollTop() > 0){ $(".mobile_header_wrap").addClass("fix"); $(".circle").css("border-color", "#000"); $(".bar").css("background-color", "#000"); }else{ $(".mobile_header_wrap").removeClass("fix"); $(".circle").css("border-color", "#000"); $(".bar").css("background-color", "#000"); } }); }); });