본문 바로가기 메뉴 바로가기

Gentleman'study 젠틀맨

메뉴보기
  • 분류 전체보기 (90)
    • Javascript (19)
    • HTML (13)
    • CSS (16)
    • Script Sample (32)
      • Search Effect (6)
      • Slider Effect (6)
      • Quiz Effect (5)
      • Mouse Effect (8)
      • Parallax Effect (7)
    • 스마트웹 (2)
      • UI UX 요구분석 (2)
      • UI UX 콘셉트 기획 (0)
      • UI 디자인 (0)
      • UI 아키텍처 설계 (0)
      • 화면 설계 (0)
      • 화면 구현 (0)
      • UI 구현 (0)
      • 스마트문화앱 시스템 설계 (0)
      • 스마트문화앱 구현 (0)
      • UI 테스트 (0)
      • 애플리케이션 테스트 수행 (0)
      • 애플리케이션 배포 (0)
      • 프로그래밍 언어 활용 (0)
      • 프로그래밍 언어 응용 (0)
    • MYSQL (8)
흔적남기기
검색하기 폼

최근 글

댓글

태그

  • block inline
  • javscript for while
  • HTML tr
  • css 속성
  • html list
  • css 설정
  • 자바스크립트
  • html inline
  • 자바스크립트 반복문
  • JavaScript 반복문
  • javascript quiz
  • 코딩
  • javascript mouse effect
  • html block inline
  • forEach 예제
  • javascript function
  • HTML
  • 마우스 효과
  • 자바스크립트 마우스 효과
  • HTML td
  • CSS text
  • html th
  • html li
  • html ol
  • CSS
  • html ul
  • JavaScript
  • html dl
  • javascript 자료형
  • 자바스크립트 자료형

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함
마우스 효과에 관한글 (2)
Mouse Effect 02 - 따라다니기2

const cursor = document.querySelector(".cursor");// 커서 const follower = document.querySelector(".cursor-follower");// 커서를 따라다니는 요소 window.addEventListener("mousemove", e => {// 화면에 마우스 오버했을 때 // cursor.style.left = (e.pageX - 5) + "px"// 커서 중앙에 요소가 오도록 위치값 조정 // cursor.style.top = (e.pageY - 5)+ "px" // follower.style.left = (e.pageX - 15) + "px" // follower.style.top = (e.pageY - 15) + "px" gsa..

Script Sample/Mouse Effect
Mouse Effect 01 - 따라다니기

window.addEventListener("mousemove", (e)=>{ document.querySelector(".clientX").innerText = e.clientX// 브라우저 기준 좌표값 document.querySelector(".clientY").innerText = e.clientY document.querySelector(".offsetX").innerText = e.offsetX// 요소 기준 좌표값 document.querySelector(".offsetY").innerText = e.offsetY document.querySelector(".pageX").innerText = e.pageX// 페이지 기준 좌표값 document.querySelector(".pageY").i..

Script Sample/Mouse Effect
이전 1 다음
이전 다음
© 2018 webstoryboy

티스토리툴바