[Parallax]페럴렉스 기초

WEB/JAVA script 2014. 10. 30. 17:52

마우스 움직일 때 배경이 미세하게..


설명은 아래링크

http://www.egstudio.biz/easy-parallax-with-jquery/



01var movementStrength = 15;

02 
03var height = movementStrength / $(window).height();
04var width = movementStrength / $(window).width();
05 
06$("html").mousemove(function(e){
07     
08          var pageX = e.pageX - ($(window).width() / 2);
09          var pageY = e.pageY - ($(window).height() / 2);
10 
11          var newvalueX = width * pageX * -1;
12          var newvalueY = height * pageY * -1;
13 
14          $('body').css("background-position", newvalueX+"px "+newvalueY+"px");

15});




참고로 

http://www.egstudio.biz/ 포스팅이 괜찮음. (기초적인내용들)