>웹 프론트엔드 >JS 튜토리얼 >jQuery는 이미지 확대 미리보기 구현 원칙과 code_jquery를 구현합니다.

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

WBOY
WBOY원래의
2016-05-16 17:22:411434검색

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

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

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

jQuery 이미지 미리보기 ="text/javascript " src="js/jquery-1.10.2.min.js">


;








초기 페이지 :


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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.