jquery 초점도 핸드폰 터치스크린 지원
1570 단어 jqueryFlexslider
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