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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.