移动端常用开发插件
Swiper 插件(轮播图插件)
Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
-
首先下载 Swiper 插件压缩包解压缩
-
找到文件夹里面的 demo 文件夹 从里面众多的html 文件里选取想要的样式,打开后右键点击页面,选择查看源码
-
从源码里查看需要引入的相关文件,例:<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参数