jquery 초점도 핸드폰 터치스크린 지원

1570 단어 jqueryFlexslider
Flexslider는 jQuery 스크롤 플러그인으로 코드가 매우 간결하고 확장성이 높다.사진 윤방 효과, 초점도 효과, 도문 혼합 스크롤 효과를 만들 수 있으며 휴대전화 단말기 등 모바일 기기의 미끄럼을 지원한다.
Flexslider는 여러 개발자에게 다음과 같은 이점을 제공합니다.
터치스크린 이동 장치 슬라이딩 지원.
슬라이딩 및 페이드 아웃 효과를 지원합니다.
수평, 수직 방향 슬라이딩을 지원합니다.
키보드 방향키 제어가 지원됩니다.
그림과 글이 다채롭게 미끄러지는 것을 지지한다.
화면 크기에 맞춥니다.
미끄럼 단원의 개수를 제어하기 쉽다.
옵션 설정과 리셋 함수는 매우 풍부하다.
HTML
<div class="flexslider">  
      <ul class="slides">  
        <li><img src="images/demo1.jpg" /></li>  
        <li><img src="images/demo2.jpg" /></li>  
        <li><img src="images/demo3.jpg" /></li>  
        <li><img src="images/demo4.jpg" /></li>  
      </ul>  
</div>

이어서 jQuery를 불러옵니다.js와 jquery.flexslider-min.js 및 flexslider.css.
<link rel="stylesheet" type="text/css" href="flexslider.css" />  
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>  
<script type="text/javascript" src="jquery.flexslider-min.js"></script>

Flexslider 플러그인 호출은 다음 코드로 간단합니다.
$(function() {  
    $(".flexslider").flexslider();  
});

핸드폰 초점도 윤방 시연:
http://www.sucaihuo.com/js/6.html

좋은 웹페이지 즐겨찾기