Eveningstar

[ mousewheel.js ] github : https://github.com/jquery/jquery-mousewheelcdn: https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js 마우스 휠 이벤트를 이용해 화면이 이동하거나 애니메이션이 작동되도록 할 수 있게 도와주는 플러그인 해당파일을 jquery, jquery.easing, mousewheel 순으로 로드시켜주기*DOMMouseScroll 은 파이어폭스용 이벤트명 $("div").on("mousewheel DOMMouseScroll", function(event, delta){ if(delta>0){ //마우스 휠 up $(this).cs..

[ e.pageX, e.pageY ] 화면상에서 마우스 커서의 x축, y축 좌표 구하기 - 브라우저 상에서 현재 마우스 커서의 위치값을 구하려면 e.pageX와 e.pageY를 사용한다. ＊event.pageX : 문서의 왼쪽상단을 기준으로 마우스 위치의 X좌표 값 http://api.jquery.com/event.pagex/ ＊event.pageY : 문서의 왼쪽상단을 기준으로 마우스 위치의 Y좌표 값 http://api.jquery.com/event.pagey/ 마우스 커서의 위치를 실시간으로 계산해줌으로 주로 mousemove이벤트와 같이 사용된다. https://api.jquery.com/mousemove/#mousemove-handler https://jsfiddle.net/jywoo/5fa0h..

jquery를 사용할 때 가끔 생각 안나는 메소드라던가...앗 어떻게 썼었더라,,,하는 것들!을 모아놓은 목록(감사합니다...) 출처 : makeawebsitehub.com 원본 https://makeawebsitehub.com/jquery-mega-cheat-sheet/ 이미지 다운 https://cdn.makeawebsitehub.com/wp-content/uploads/2015/09/jquery-mega-cheat-sheet-20152.jpg

fading fadeIn(); - 나타난다fadeOut(); - 사라진다fadeTo(); - 투명도 조절fadeToggle(); - 토글 https://jsfiddle.net/jywoo/64kgr5mq/1/ sliding slideDown()slideToggle()slideUp() https://jsfiddle.net/jywoo/28u5acL2/ this 자바스크립트의 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에, arguments 객체와 this를 암묵적으로 전달 받는다.또한 함수 호출 패턴에 따라 this의 참조값이 달라진다. https://jsfiddle.net/jywoo/vqs1kcu2/1/