이 기사의 예에서는 jQuery가 이미지 클릭 시 페이지 넘기기 표시 효과를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. jQuery 기반 클릭 이미지 페이지 넘김 표시 효과 <br> .div{너비:240px;높이:90px;z-색인:0;위치:절대;왼쪽:10px;테두리:2px #3300FF 솔리드;테두리:0px;색상:#FFFFFF;여백-왼쪽:320px;}<br> </스타일><br> <script type="text/javascript" src="/images/jquery1.3.2.js"></script><br> <script type="text/javascript"><br> $(함수(){<br> var z=-1;<br> $("div").click(function(){<br> $(this).animate({왼쪽:"350px"},1000,function(){$(this).css("zIndex",z--)}).animate({왼쪽:"10px"},1000 );<br> })<br> });<br> <br> </머리><br> <body>효과가 표시되지 않을 경우 페이지를 새로고침하시면 정상적으로 작동됩니다. <br> <div class="div"><img src="images/m01.jpg"></div><br> <div class="div"><img src="images/m02.jpg"></div><br> <div class="div"><img src="images/m03.jpg"></div><br> <div class="div"><img src="images/m04.jpg"></div><br> </본문><br> </div>
