Ninny Design 스크립트
-
Skill/JavascriptJS/jQuery - 0부터 숫자 증가하는 카운트 애니메이션 (+ 스크롤 도달 했을 때 작동)숫자 카운트0부터 100까지 숫자를 카운트 하거나 천단위나 소수점자리까지 숫자를 카운트 할 수 있다. 응용하면 스크롤해서 해당 페이지에 도달했을때 카운트를 시작 할 수도 있다. 제이쿼리 animate 메소드를 사용하면 어렵지 않게 구현할 수 있다. $('.count-num').each(function(index) { var $this = $(this); var countFrom = $this.attr('data-from'); var isComma = /^[0-9]+\.?[0-9]+$/; var countTo = $this.attr('data-count'); var speed = Math.floor($this.attr('data-duration')); var num; $({ val: cou..reviews calendar_month 2024.07.14
-
-
Skill/JavascriptJS/jQuery - 요소의 높이(height), 넓이(width)요소의 높이(height)와 넓이(width)속성에 따라 높이값과 너비값을 가져오는 방법이 조금씩 다르다. 바닐라 스크립트와 제이쿼리로 가져오는 방법 또한 다르기 때문에 상황에 따라 알맞는 속성을 사용할 수 있다. 바닐라스크립트// 높이값 가져오기let clientH = element.clientHeight;let offsetH = element.offsetHeight;let scrollH = element.scrollHeight;let rectH = element.getBoundingClientRect().height;let styleH = window.getComputedStyle(element).height;// 넓이값 가져오기let clientW = element.clientWidth;let..reviews calendar_month 2024.05.07
