e7e

한때(2000년 초) 신기함과 재미로 많이 쓰이던 돋보기 기능 지금도 쇼핑몰등에서 상품을 꼼꼼히 사용자에게 보여주는 듯한 배려심을 보여주기 위해서 이곳 저곳에 꽤 사용되고 있는 모습을 쉽게 접할 수 있당. 돋보기의 원리는 생각외로 간단한데, 작은 이미지와 큰 이미지를 준비한 다음 작은 이미지 위에 마우스가 올라가면 그 위치 비율에 맞게 큰 이미지의 해당 부분을 네모나 똥그래미등의 영역안에서 보여지게 함으로써 집중력을 높이고, 소비욕구를 꽤 짜극한당. 아래는 아두 오랫만에 맹글어본 돋보기 기능 소스로 CSS의 속성 position, z-index, background관련 설정부분을 한번 확인하고 볼 필요가 있는 사람도 있을거시당(화긴하랑) JS 부분은 DOM객체의 화면에서의 좌표,크기등을 읽어올 수 있는 ..

자바스크립트 2023. 7. 10. 21:24