전체 글 (137) js 2021. 12. 1. 16:28 [js]스크롤 내리면 헤더 사라지고 올리면 헤더 생기는거 헤더 픽스드 후 복붙 css top값 맞추기만 하면 됨 $(function(){ var last_st = 0; // last_st 변수 내려가면 실행안됨 $(window).scroll(function(){ var st = $(this).scrollTop(); if(Math.abs(last_st - st) last_st) && (last_st>0)) { // (st < last_st)로 해주면 반대로 움직임 $("#header").css("top","-70px"); } else { $("#header").css("top",0); } ; last_st = st; }); }); // Math.abs() 함수는 주어진 숫자의 절대값을 반환 3=3 -5=5 js 2021. 12. 1. 15:38 [js]aos fade-up 위치 조절 [data-aos=fade-up]{transform:translate3d(0,100px,0)} /*기존 변경 전*/ [data-aos=fade-up]{transform:translate3d(0,10px,0)} /*커스텀 변경 후*/ css에서 원하는 효과 검색 후 다른 css에서 수정 attr로 전체 수정하면 왜 거꾸로 되나 왜지????????????????????????????????????????????????와이???????????????????????????????????? php 2021. 11. 26. 16:06 [php]반복문 숫자 24시간/년월일/날짜 출력 // 1:00 ~ 24:00 // 01:00 ~ 24:00 //한자릿수앞에 0이 있냐없냐 차이 ===========연월일 표시================ $y = 10; $m = 2; $d = 5; sprintf("%04d%02d%02d",$y,$m,$d) >> 00100205 로 출력됨 →%d (기본값): 10진수로 표현 %(조건추가)d 로 활용 →%02d : 10진수로 표현하는데 2자리 미만일 경우 0으로 채움 →%@2d : 10진수로 표현하는데 2자리 미만일 경우 @로 채움 →%04d : 10진수로 표현하는데 4자리 미만일 경우 0으로 채움 ex) 0012 0131 등 →%#4d : 10진수로 표현하는데 4자리 미만일 경우 @로 채움 ex) ##12 #131 등 js 2021. 11. 24. 13:41 [js]인풋 라디오 input radio 동의 비동의 $(function(){ var check=$(".check"); check.click(function(){ var value = $(":input:radio:checked").val(); if(value=="no"){ alert ("해당되지않아 진행이 불가능합니다."); return false; }; }) }); // 약관 같은거 비동의 했을 때 못넘어가는거 js 2021. 11. 23. 16:53 [js]매치match = php strpos $(function(){ //var loca = window.location.href; var loca = $(location).attr('pathname'); console.log(loca); var tabBar = $(".tab_bar li"); if(loca.match("order.php")){ tabBar.eq(1).addClass("on").siblings().removeClass("on") }else if(loca.match("product")){ tabBar.eq(2).addClass("on").siblings().removeClass("on") }else if(loca.match("list.php")){ tabBar.eq(3).addClass("on").siblings().removeCla.. html 2021. 11. 23. 15:35 [html]head meta 카톡 미리보기 이미지 설정 img [미리보기 정보 변경] 정방형 사이즈 800*800 꽉차게 사이즈 800*400 (이너 가로 600안에 넣는게 성공률 높음) 카톡 캐시삭제 https://developers.kakao.com/tool/clear/og css 2021. 11. 23. 11:43 [css]공통사항 클래스 선택자 class .main1{color: #fff} .main2{color: #fff} .main3{color: #fff} .main4{color: #fff} /*같은 값*/ [class*="main"]{color: #fff; } // main을 포함하는 클래스 sub_main, mainbox 등 모두 포함 [class^="main"]{color: #fff; } // main으로 시작하는 클래스 css 2021. 11. 23. 11:23 [css]이미지 이미지필터 img filter [이미지 화이트로 변경] img{filter: brightness(0) invert(1);} 이전 1 ··· 14 15 16 17 18 다음