시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > JQuery > One Page Scroll With Slider Wheel Indicator 상세정보
사이트등록
현재접속자 새로고침
One Page Scroll With Slider Wheel Indicator
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 싸이월드 공감
소스분류 JQuery
다운로드 횟수 5 회
간단설명 페이지 섹션 사이를 전환하면서 표시기가 휠 라운드의 원 안에 이동하는 휠 슬라이더가 있는 독창적 인 한 페이지 스크롤 웹 사이트 를 만드는 jQuery / CSS 솔루션 입니다. 최신 Bootstrap 프레임 워크와 호환되며 Bootstrap의 scrollspy 구성 요소가 필요합니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기

원 페이지용 웹사이트를 제작할 때 사용하면 괜찮을 듯 합니다.

다운로드 받은 파일의 압축을 해제하고,
slider-wheel.html 파일을 웹브라우저로 열어보면
데모 확인이 가능합니다.






마우스 휠이나, 키보드 방향키를 이용해서
웹페이지의 스크롤을 위,아래로 조절을 하면
웹페이지의 배경이 스크롤에 따라서 변경이 됩니다.

중앙에 동그란 부분에 표시되는 컨텐츠가,
스크롤의 위치에 해당하는 컨텐츠로 교체가 됩니다.




동그란 이미지 주변의 하얀색 원을 클릭하면
해당 스크롤의 위치로 바로 이동도 되네요.


slider-wheel.html 파일의 소스코드를 열어서 보니,
각각의 슬라이드 별로 주석을 달아놔두었네요.
원페이지용 웹사이트를 제작할 때 도움이 되지 않을까 싶습니다.






 


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 28475877 보이는 도배방지키를 입력하세요.