Swiper.js 实现移动端元素左右滑动

最新推荐文章于 2024-04-30 10:43:36 发布

季诗筱

最新推荐文章于 2024-04-30 10:43:36 发布

阅读量1.5w

点赞数

分类专栏： js库 css javascript 文章标签： js库 swiper-js 滑动

本文链接：https://blog.csdn.net/XIAOZHUXMEN/article/details/50837343

版权

swiper.js也是一个很好用的移动端的js库，

需要引入它的css文件和js文件。用法很简单，加入相应的类即可，看一下Demo，很容易看懂。
我的例子如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Swiper demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="css/swiper.min.css">

    <!-- Demo styles -->
    <style>
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

季诗筱

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
Swiper.js 实现移动端元素左右滑动

swiper.js也是一个很好用的移动端的js库，需要引入它的css文件和js文件。用法很简单，加入相应的类即可，看一下Demo，很容易看懂。我的例子如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewpor
复制链接

扫一扫