移动端常用开发插件

本文介绍了移动端开发中常用的几款插件,包括Swiper轮播图插件,superslide,iscroll和zy.media.js视频插件,以及前端框架Bootstrap的使用步骤。对于Swiper,讲解了如何引入和使用,其他插件提供了相关链接。同时,提到了Bootstrap的引入和使用流程,强调了引入顺序的重要性。
摘要由CSDN通过智能技术生成

移动端常用开发插件

Swiper 插件(轮播图插件)
Swiper中文网-轮播图幻灯片js插件,H5页面前端开发

  1. 首先下载 Swiper 插件压缩包解压缩

  2. 找到文件夹里面的 demo 文件夹 从里面众多的html 文件里选取想要的样式,打开后右键点击页面,选择查看源码

  3. 从源码里查看需要引入的相关文件,例:<link rel="stylesheet" href="../package/swiper-bundle.min.css"> 根据路径在文件夹里查找然后引入

    创建自己的 js 文件,注意,自己写的js文件依赖于swiper.js ,因此在html页面引入时,必须把引入swiper.js的语句写在引入自己的文件的前面

    按照语法规定使用。

    superslide插件 https://www.superslide2.com/
    iscroll 插件 : https://github.com/cubiq/iscroll
    移动端视频插件:zy.media.js
    用法跟上面那个差不多

    常用框架:bootstrap
     

        <script src="bootstrap/js/jquery-3.5.1.js"></script>
        <!-- bootstrap 依赖于jquery  -->
        <script src="bootstrap/js/bootstrap.min.js"></script>
    

    使用步骤:

    1.引入相关js文件
    2.复制html结构
    3.修改对应样式
    4.修改相应js参数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值