질문&답변
질문 있습니다~!
정말 감사합니다!! 감사합니다~오늘 하루도 즐거운 하루 되세욥!!!!!
- 좋아요수
- 0
- 댓글수
- 5
- 조회수
- 451
kkangfly1님의 게시글
- 수강평 작성수
- 6
- 평균평점
- 5.0
게시글 3
질문&답변
질문 있습니다~!
진짜 죄송한데요 제가 이렇게 하기처럼 코드를 짰는데요 혹시 봐주실 수 있을까요? let btn ; let cursorItem ; let circle ; let x = 0 , y = 0 ; let mx = 0 , my = 0 ; let scrollTop = 0 ; let bar ; window . onload = function (){ function first (){ btn = document . querySelector ( ".btn" ); cursorItem = document . querySelector ( ".cursorItem" ); circle = cursorItem . querySelector ( ".circle" ); btn . addEventListener ( "mouseover" , function ( e ){ circle . style . transform = "scale(.3)" ; }) btn . addEventListener ( "mouseout" , function ( e ){ circle . style . transform = "scale(1)" ; }) window . addEventListener ( "mousemove" , function ( e ){ x = e . clientX ; y = e . clientY ; }); loop (); } function second () { bar = document . getElementsByClassName ( "bar" )[ 0 ]; window . addEventListener ( "scroll" , function ( e ){ scrollTop = document . documentElement . scrollTop ; let per = Math . round (( scrollTop / ( document . documentElement . scrollHeight - window . innerHeight )) * 100 ); bar . style . height = per + "%" ; }, false ) } } function loop (){ mx += ( x - mx ) * .09 ; my += ( y - my ) * .09 ; cursorItem . style . transform = "translate(" + mx + "px, " + my + "px )" ; requestAnimationFrame ( loop ); }
- 좋아요수
- 0
- 댓글수
- 5
- 조회수
- 451
질문&답변
질문 있습니다~!
빠른 답변 감사합니다~! 근데 진짜 죄송한데요 이해가 안되요 ㅠ 이게 loop문은 하기에 안들거야 하는건가요?? window.onload = function(){ 버튼 이벤트 스크롤이벤트 등등등 전부 여기에 넣으면 됩니다. }
- 좋아요수
- 0
- 댓글수
- 5
- 조회수
- 451