jquery 플러그인 궤도.js는 이미지 접기 및 회전 효과를 구현합니다._jquery

jQuery 이미지 접기 회전 코드를 사용하면 왼쪽 및 오른쪽 화살표 버튼을 클릭하여 아름답고 간결한 이미지를 전환할 수 있습니다. 주류 브라우저와 호환되는 phplearn은 초보자가 다운로드하는 것이 좋습니다!

사용방법:
1. 헤드 영역 참조 파일 jquery.min.js, chuxz.css
2. 파일에 지역 코드
를 추가합니다. 3. 페이지 하단에 jq.orbit.js.js, orbit.js
를 인용하세요. 4. 이미지 폴더의 사진을 해당 경로에 복사하세요

<div class="orbit-wrapper">       
  <div id="featured" class="orbit">  
    <a href="http://www.phplearn.cn/"><img src="/static/imghwm/default1.png"  data-src="images/1.jpg"  class="lazy"    style="max-width:90%" alt="《Just Married》" title="《Just Married》"></a>  
    <a href="http://www.phplearn.cn/"><img src="/static/imghwm/default1.png"  data-src="images/2.jpg"  class="lazy"    style="max-width:90%" alt="《佩加索斯》" title="《佩加索斯》"></a>  
    <a href="http://www.phplearn.cn/"><img src="/static/imghwm/default1.png"  data-src="images/3.jpg"  class="lazy"    style="max-width:90%" alt="《太庙的一场偶遇》" title="《太庙的一场偶遇》"></a>  
    <a href="http://www.phplearn.cn/"><img src="/static/imghwm/default1.png"  data-src="images/4.jpg"  class="lazy"    style="max-width:90%" alt="《为爱痴狂》" title="《为爱痴狂》"></a>  
    <a href="http://www.phplearn.cn/"><img src="/static/imghwm/default1.png"  data-src="images/5.jpg"  class="lazy"    style="max-width:90%" alt="《游走，在北京的每一条街》" title="《游走，在北京的每一条街》"></a>  
  </div>  
</div>  
<script type="text/javascript" src="js/jq.orbit.js"></script>  
<script type="text/javascript" src="js/orbit.js"></script>

데모 사진:

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.