js插件之iscroll,swiper0814

js插件之iscroll,swiper

1.iscroll

1.1我们在电商网站移动端经常会看见有侧边栏,如下图

  • 侧边栏.png

我们先用原生js来实现一下这个功能

  • 
    
    
        
        
        01-侧边栏菜单
        
    
    
    
    • 热门推荐
    • 指趣学院
    • 手机数码
    • 家用电脑
    • 电脑办公
    • 计生情趣
    • 美妆护肤
    • 个护清洁
    • 汽车用品
    • 京东超市
    • 男装
    • 男鞋
    • 女装
    • 女鞋
    • 母婴童装
    • 图书音像
    • 运动户外
    • 内衣配饰
    • 食品生鲜
    • 酒水饮料
    • 家具家装
    • 箱包手袋
    • 钟表珠宝
    • 玩具乐器
    • 医疗保健
    • 宠物生活
1.2 我们来引出iscroll
  • 
    
    
        
        
        02-iScroll基本使用
        
        
    
    
    
    我是标题1
    我是标题29
    我是标题30
1.3 其他用法
  • 
    
    
        
        
        03-iScroll高级使用
        
        
    
    
    
    我是标题1
    我是标题2
    我是标题3
1.4 改造侧边导航栏
  • 
    
    
        
        
        04-侧边栏菜单
        
        
    
    
    
    
    • 热门推荐
    • 指趣学院
    • 手机数码
    • 家用电脑
    • 电脑办公
    • 计生情趣
    • 美妆护肤
    • 个护清洁
    • 汽车用品
    • 京东超市
    • 男装
    • 男鞋
    • 女装
    • 女鞋
    • 母婴童装
    • 图书音像
    • 运动户外
    • 内衣配饰
    • 食品生鲜
  • 这些工具只能用一点学一点了

2.swiper

2.1 使用做一个最复杂的轮播图
  • 
    
    
        
        
        01-移动端轮播图
        
        
        
        
        
        
    
    
    

    < >

2.2 来引出swiper
  • 
    
    
        
        02-swiper基本使用
        
        
        
    
    
    
    • Slide 1
    • Slide 2
    • Slide 3
2.3 Swiper另一些常用的功能
  • 
    
    
        
        03-swiper高级使用
        
        
        
    
    
    
    • Slide 1
    • Slide 2
    • Slide 3
2.4 来改造一下我们的轮播图
  • 
    
    
        
        
        04-移动端轮播图
        
        
        
    
    
    
2.5 swiper-animation
  • 
    
    
        
        
        05-swiper-animation
        
        
        
        
        
    
    
    

    内容

    Slide 2
    Slide 3

你可能感兴趣的:(js插件之iscroll,swiper0814)