스크롤 및 마우스 커서에 따라 움직이는 PARALLAX 배경이미지 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 배경관련 > 스크롤 및 마우스 커서에 따라 움직이는 PARALLAX 배경이미지 상세정보

클라우드태그

Javascript

PHP

asp

CSS

html

mysql

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

스크롤 및 마우스 커서에 따라 움직이는 PARALLAX 배경이미지

해피팀

네티즌

소스분류

배경관련

다운로드 횟수

273 회

간단설명

마우스 스크롤 및 마우스 호버효과, 커서의 위치에 따라 부드럽게 움직이는 PARALLAX 배경이미지 소스로 홈페이지를 보다 고급진 형태로 제작하는데 용의합니다.

평가하기

해당 이미지를 마우스 오버한 상태에서 커서의 위치에 따라 배경이미지가 움직이는 효과를 가진 배경이미지 디자인 소스입니다.

event: 'mouse_move',
animation_type: 'rotate',

위 두가지 소스로 인해 마우스 커서 이벤트 및 에니메이팅 효과를 적용할 수 있습니다.

$('.parallax-demo-4').parallaxBackground({
event: 'mouse_move',
animation_type: 'rotate',
animate_duration: 1,
zoom: 70,
r otate_perspective: 1000
});

본 예제에서 총 5가지 효과를 확인할 수 있습니다.

1) 스크롤 시 이미지 움직이는 효과