jquery.lazyload.js의 최신 버전은 더 이상 의사 지연 로딩이 아닙니다 1. 기본 사용법을 따라 설정해주세요 코드 복사 코드는 다음과 같습니다. //JavaScript 파일 로드< ;script src="jquery.js" type="text/javascript"></ 스크립트> <br> </div> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="55875" class="copybut" id="copybut55875" onclick="doCopy('code55875')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code55875"> <br>//4가지 속성 중 없음 img 태그가 누락될 수 있습니다. 그렇지 않으면 다음과 같이 지연된 로딩 효과를 얻을 수 없습니다. <br><img class="lazy" data-original="img/example.jpg" width="640" height="480 "><br> </div> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="33849" class="copybut" id="copybut33849" onclick="doCopy('code33849')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code33849"> <br>//<br>$(function 사용 () { <br> $("img.lazy").lazyload();<br>});<br> </div> <p>2. 공통속성 설명</p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="73370" class="copybut" id="copybut73370" onclick="doCopy('code73370')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code73370"> <br>임계값: 200 //감도 설정, 디스플레이 영역에 진입했음을 나타냅니다. 아직 200픽셀이 남았을 때 로딩 시작<br> effect: "fadeIn" //페이드인 효과 사용<br>failure_limit: 10 //공차 범위, 이 값을 반드시 설정하세요. 그 이유는 원본 문서 <p>container: $("#container") //상위 컨테이너를 사용합니다. 상위 컨테이너의 CSS 스타일에는 "height: 600px;overflow: scroll;" 속성이 두 개 이상 포함되어야 합니다.</p> <p>event: "click" //클릭하도록 트리거 이벤트 수정<br></p> </div> <p>3. 참고</p> <p>영문 참고: http://www.appelsiini.net/projects/lazyload</p> <p>중국어 참고자료: http://code.ciaoca.com/jquery/lazyload/</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
