자바스크립트 학습 게시판입니다.
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
제이쿼리 패럴랙스
첨부파일 https://eond.com/javascript/402912
1. 제이쿼리와 패럴랙스 스크립트를 헤더에 삽입합니다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/path/to/parallax.js"></script>

2. html

<div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div>

3. js

$('.parallax-window').parallax({imageSrc: '/path/to/image.jpg'});

4. css

.parallax-window {    min-height: 400px;    background: transparent; }
코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 79 articles in 1 / 4 pages
번호 제목 제목 글쓴이 글쓴이 날짜날짜 조회 수
공지 자바스크립트 관련 유용한 링크 모음집 (러닝은빛) 파일 이온디 2015/08/27 473
공지 자바스크립트 추천 사이트 [1] 이온디 2015/08/06 355
79 [form] [javascript] input reset / 자바스크립트 인풋 초기화(리셋)하는 방법 및 포커스 지정하기(ID 기준) 이온디 2015/08/31 11915
78 [팁] send email javascript attach file 이온디 2020/05/16 21
77 엔터키를 자동으로 BR 태그로 변환하여 주는 스크립트 이온디 2020/05/16 14
76 [팁] 정규식 테스트 사이트 모음 이온디 2019/11/12 40
75 [기초] 별을 순서대로 점점 적게, 점점 많이 이온디 2020/05/07 5
74 [팁] 카카오지도 내 위치 이온디 2020/03/05 30
73 [팁] offset().top 오류 이온디 2019/04/27 811
72 [팁] 프레임셋 안에서 주소창 주소변경하기 이온디 2019/04/06 307
현재글 [라이브러리] 제이쿼리 패럴랙스 이온디 2018/07/17 69
70 [팁] animation json lottie 이온디 2018/03/28 37
69 [editor] Froala Editor 이온디 2017/10/22 36
68 [팁] 얇은 스크롤바 이온디 2017/10/11 89
67 [팁] li 더블클릭 편집 이온디 2017/09/12 52
66 [팁] 핫키 소스 이온디 2017/06/29 47
65 [기초] 자바스크립트 innerHTML 을 이용한 H1~H5 자동입력 이온디 2017/05/17 79
64 [차트] Chart.js 파일 이온디 2017/03/29 529
63 [라이브러리] 가격 범위 슬라이더 스크립트(1) - Ion.RangeSlider 이온디 2017/01/02 248
62 [라이브러리] 비밀글 parallax.js 패럴럭스 스크립트 이온디 2016/07/18 0
61 [팁] 자바스크립트 카운터 및 가격 계산 이온디 2016/07/03 2183
60 [라이브러리] 자바스크립트 로딩바 progressbar.js 이온디 2016/06/17 142

해시태그 디렉터리