jquery는 Jingdong Mall과 Fanke Mall의 이미지 확대 효과를 실현합니다_jquery

효과는 다음과 같습니다:


데모를 살펴보고 "코드 실행" 후 새로고침하세요:

<title>JQzoom 데모</title> <link rel="stylesheet" href="http://img.jb51.net/online/jqzoom/css/jqzoom.css" type="text/css"> <style type> div.notes{ font-size:12px; } div.notes a{ color:#990000; } </style> <a href="http://img.jb51.net/online/jqzoom/demo/kawasakigreen.jpg" class="jqzoom" title="kawasaki"> <img src="http://files.jb51.net/upload/20090510114029981.jpg" title="kawasakigreen" alt="jquery는 Jingdong Mall과 Fanke Mall의 이미지 확대 효과를 실현합니다_jquery" > </a>

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

이 효과를 얻으려면 이 효과가 필요한 페이지 영역에만 추가하면 됩니다. 코드 복사

코드는 다음과 같습니다.

이 효과를 사용해야 하는 경우: 코드 복사

코드는 다음과 같습니다.

< a href="upload/bimg/2.jpg" class="jqzoom" title="검색 ">

class="jqzoom"이 핵심입니다.
속성 설정에는 다음이 포함됩니다.
원본 기사를 직접 볼 수도 있습니다. http://www.mind-projects.it/projects/jqzoom/index.php#examples
저자가 세심하게 준비한 예제를 살펴보는 데 관심이 있으실 수도 있습니다.
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1 패키지 다운로드 주소

성명：

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