니노's 잡학로그 :: 알아두면 쏠쏠한 지식

Web Publisher/jQuery → (2)건

jQuery 를 이용한 반응형 FullPage (resize) 만들기

사용 코드 jQuery 구현기능 좌우 버튼 클릭시 페이지 이동 Dot 버튼 으로 index 를 UI 확인 가능 Dot 버튼 클릭 시 페이지 이동 html에 page 추가 시 동적으로 dot 버튼 변경 HTML 각 페이지를 담는 wrap 페이지를 만든다. 페이지를 원하는 만큼 100% 크기로 만든다. 가로로 만들 경우, 각 페이지를 가로로 배치하자. wrap 은 overflow:hidden, display: absoulte 하고, left 를 이동하면서 다음페이지를 보여주자. 페이지를 이동할 버튼을 만들자. JS( + resize) 페이지 개수를 구한다. page.length 각 페이지의 위치값을 배열에 넣는다. pagePos = [] ← for문 $(window).width() 현재 페이지 인덱스를 저장..
Web Publisher/jQuery 2021. 4. 2. 09:03

[jQuery] 자바스크립트에서 랜덤 수 만드는 방법

Math.random() * max; 0 ~ max 사이의 소수점 아래 16자리의 실수 값을 생성한다. (max 값 포함 안됨) Math.floor(Math.random() * max); 0 ~ (max - 1) 까지의 정수 값을 생성 var rand = Math.random() * max; // 0 ~ max 사이의 랜덤 값을 생성, max는 포함하지 않음 var randInt = Math.floor(Math.random() * max); // 0 ~ (max - 1) 사이 정수 값 생성 예를 들어 새로고침 때마다 배경을 바꿔 주기 위해선 Math.floor(Math.random() * max); 에서 max 부분 대신에 .length 를 이용하여 이미지 총 개수를 넣으면 된다. // 배경 총 개수 v..
Web Publisher/jQuery 2020. 2. 4. 11:39
◀ 1 ▶

티스토리툴바