jQuery는 이미지 확대 미리보기 구현 원칙과 code_jquery를 구현합니다.

상대적으로 작은 일부 사진의 경우 마우스를 사진 위로 이동하면 표시가 확대됩니다. 원리는 매우 간단합니다. 즉, 사진 표시의 크기가 확대된 다음 브라우저의 지정된 위치에 배치되어 확대된 미리보기가 이루어집니다. 그림의. 코드는 다음과 같습니다.

코드를 복사하세요 코드는 다음과 같습니다.

< !DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

="text/javascript " src="js/jquery-1.10.2.min.js">


;








초기 페이지 :


세 번째 사진에 마우스를 올려놓은 효과 :