Heim > php教程 > php手册 > flexslider图片轮播支持移动端触屏

flexslider图片轮播支持移动端触屏

WBOY
Freigeben: 2016-06-07 11:38:35
Original
1293 Leute haben es durchsucht

Flexslider是一款jQuery滚动插件,代码非常简洁,拓展性很高。可创建图片轮播效果、焦点图效果、图文混排滚动效果,支持手机端等移动设备滑动。
 flexslider图片轮播支持移动端触屏
Flexslider优势:

支持触屏移动设备滑动。
支持滑动和淡入淡出效果。
支持水平、垂直方向滑动。
支持键盘方向键控制。
支持图文并茂滑动。
自适应屏幕大小。
易控制滑动单元个数。
选项设置和回调函数很丰富。
HTML<div>  <br>       <ul>  <br>         <li><img alt=" flexslider图片轮播支持移动端触屏" ></li>  <br>         <li><img alt=" flexslider图片轮播支持移动端触屏" ></li>  <br>         <li><img alt=" flexslider图片轮播支持移动端触屏" ></li>  <br>         <li><img alt=" flexslider图片轮播支持移动端触屏" ></li>  <br>       </ul>  <br> </div>接着加载jQuery.js和jquery.flexslider-min.js及flexslider.css。<link>  <br> <script></script>  <br> <script></script>调用Flexslider插件超级简单,只要用以下代码即可:$(function() {  <br>     $(".flexslider").flexslider();  <br> });焦点图轮播演示:http://www.sucaihuo.com/js/6.html

附件 flexslider图片轮播、多图相册滑动(支持触屏版).zip ( 951.01 KB 下载:63 次 )

AD:真正免费,域名+虚机+企业邮箱=0元

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage