js (59) js 2022. 1. 26. 11:19 [js]input button enter 엔터로 버튼 누르기 keypress keydown See the Pen 띠 찾기 by sangmok-ye (@sangmok-ye) on CodePen. $("input").keypress(function(e){ if(e.which==13){ // 13번은 엔터키 $("button").click(); } }) 키프레스 번호 참고 http://b1ix.net/170 esc == 27 // keypress 안먹힘, keydown으로 해결 참고: https://yesm1230.tistory.com/102 js 2022. 1. 20. 14:22 [js]스크롤하는만큼 내려오는 선-프로그래스바 같은 See the Pen 스크롤하는 만큼 내려오는 선 by sangmok-ye (@sangmok-ye) on CodePen. $(function(){ $(window).scroll(function(){ let em = $(".history_wrap em"); let sc_st = $(window).scrollTop(); let sc_dh = $(document).height(); let sc_wh = $(window).height(); let scroll_em = (sc_st / (sc_dh - sc_wh)) * 100; em.css( "height", scroll_em + "%" ); }) }) js 2022. 1. 10. 17:52 [js, php]텍스트 대치 / 일부 텍스트 변경 / text relpace $(function(){ let txt="가나다라마바사"; let tt=txt.replace("가","하"); alert (tt); }) 입력 > 가나다라마바사 출력 > 하나다라마바사 // 기본식인데 txt에 $("div").text(); 로 담으면 왜 안되는지 모르겟음 입려 > 변수 출력 > 함수 js 2022. 1. 6. 15:20 [js]마우스 따라다니는 원 만들기 css포지션을이용 하여 마우스 이벤트 제어 body{background: #fff;} .cursor{width: 50px; height: 50px; position: absolute;; transform: translate(-50%, -50%); z-index: -1; background: #1ce6BA; border-radius: 50%; mix-blend-mode:darken; transition: transform .3s; pointer-events: none;} .cursor.on{transform: translate(-50%, -50%) scale(2);} $(function(){ let cursor=$(".cursor"); /* e가 왜들어가는지 아직 모르겟지만 넣으라고 해서 넣음 */ $(w.. js 2021. 12. 29. 17:53 [js]스크롤 이동 메뉴 이펙트 $(function(){ var menu = $(".gnb li"); var section = $("main section"); menu.click(function(){ var i=$(this).index(); // console.log(i); var tg=section.eq(i); var tt=tg.offset().top; $("html, body").animate({ scrollTop: tt - 90 },500); // alert(tt); return false; }); $(window).scroll(function(){ var st=$(window).scrollTop(); //스크롤 위치 var bt=$(document).height()-$(window).height(); if(st>=50){ $(.. js 2021. 12. 29. 15:36 [js]메인슬라이드 랜덤 출력 img일경우 let mp4 변경 js 2021. 12. 17. 18:03 [js]스크롤바 이동 버튼 좌 우 See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. 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 이전 1 ··· 4 5 6 7 8 다음