能够用手指滑动的焦点轮播图——swipe.js

1.swipe.js   专门用来制作手指滑动的焦点轮播图

使用步骤：

下载swipe.js文件——》新建HTML5页面——》添加视口约束——》添加两个div，第一个的id名称可以任意，第二个固定为：“swipe-wrap”——》插入放置轮播图的div,而不是ul(因为swipe.js库只支持div)——》添加CSS样式——》引用JQuery 和swipe.js库——》。。。

示例代码：

html>
lang="en">

    charset="UTF-8">
    
    content="width=device-width,minimum-scale=1.00001,maximum-scale=1.00001,shrink-to-fit=no,
    user-scalable=no,minimal-ui" name="viewport">



id="lunbotu">
    
class="swipe-wrap">    
        
src="images/daiyu.png"  >
        
src="images/baochai.jpg"  >
        
src="images/xiangyun.png"  >
        
src="images/tanchun.png" >
        
src="images/wangxifeng.png" >
        
src="images/liwan.png"  >
    
    
class="yuandian">
        
class="cur">
        

        

        

        

        

    

运行效果：

1）自动轮播

2)用手指滑动，也会切换

3）点击小圆点，也会实现切换