>웹 프론트엔드 >JS 튜토리얼 >자바스크립트를 사용하여 작은 상자에서 큰 그림을 탐색하기 위한 코드 구현_javascript 기술

자바스크립트를 사용하여 작은 상자에서 큰 그림을 탐색하기 위한 코드 구현_javascript 기술

WBOY
WBOY원래의
2016-05-16 19:10:091085검색

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



제목 없는 문서
#pic {
높이: 300px; 너비: 420px;
테두리: 3px #ccc; 배경 이미지: url(http://www.happyshow.org) /sample/20060619/3.jpg); 배경 반복: no-repeat;
배경 위치: 0px 0px;
커서: 십자선; >}
-->








Google Today Earth 4.0 재생 중 b, Print Screen의 사진이 매우 크다는 것을 발견하고 웹 페이지에 직접 올리면 크기가 너무 크고 부적절할 것이며 사진의 크기를 압축하고 싶지 않기 때문에 생각했습니다. 이 방법은 의외로 구현하기가 더 쉬웠습니다. 하하, 젠장, 이 코드는 파이어폭스에서도 호환됩니다.


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
오늘 Google Earth 4.0b를 플레이했는데 Print Screen의 사진이 너무 커서 웹페이지에 올리기가 적합하지 않은 것을 발견했습니다. 사진 크기를 압축하고 싶지 않아서 이런 방법을 찾았는데 생각보다 구현이 쉬울 줄은 몰랐네요. 하하, 젠장, 이 코드는 파이어폭스에서도 호환됩니다.
------------------------------- ------ ---------------- 2006.6.20 수정:
·스크롤 범위 추가, 배경 없음
·onmousemove 이벤트 사용, 마우스 움직임에 따라 그림도 실시간으로 이동




제목 없는 문서

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