美文网首页
使用Swiper快速搭建轮播图

使用Swiper快速搭建轮播图

作者: 鈊謰鈊 | 来源:发表于2022-09-18 19:53 被阅读0次

    1.网址:https://www.swiper.com.cn/
    2.这里有演示效果(有pc端的和移动端的)

    image.png
    3.下载swiper里面需要的文件
    image.png
    4.这里选择以4.5.3为例(单击即可下载)
    image.png
    5.文档目录如下
    image.png
    6.首先我们在演示文档找自己需要的效果(这个效果图的序号为280)
    image.png
    7.接着我们就去我们下载的那个文件找对应的html
    image.png
    8.点那个效果图进去,然后鼠标右键查看网页源代码
    image.png
    9.然后就需要复制html、css、js代码到自己的网页里面
    10.三个复制完之后还需要把css文件和js文件这两个文件引入
    image.png
    image.png
    11.下面这两个区别(两个文件内容是一样的,不过swiper.min.css是压缩后的)
    image.png
    12.引入结构
    image.png

    相关文章

      网友评论

          本文标题:使用Swiper快速搭建轮播图

          本文链接:https://www.haomeiwen.com/subject/tqfuortx.html