Easton's Blog Easton's Blog
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)

Easton Yang

爱生活😊爱学习
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)
  • HTML

  • CSS

    • 排版

    • 属性

    • 样式案例

      • 样式案例
      • 轮播图
        • 隐藏式轮播图
        • 向左滚动轮播
        • 触摸滑动,使用了slick
        • 各种轮播样式
    • 练习
  • JavaScript

  • 前端
  • CSS
  • 样式案例
eastonyangxu
2023-09-19
目录

轮播图

# 隐藏式轮播图

所有图片都先隐藏,需要哪一张显示哪一张,通过列表的索引进行控制。

源码 (opens new window)

# 向左滚动轮播

所有图片横向排列,超出部分隐藏。需要复制第一张图片到最后,就可以实现此效果。

源码 (opens new window)

# 触摸滑动,使用了slick (opens new window)

源码 (opens new window) 原作者地址 (opens new window)

# 各种轮播样式

轮播样式 github 地址 (opens new window) swiper 触摸滑动插件 (opens new window)

#CSS
上次更新: 2023/09/21, 20:05:27
样式案例
练习

← 样式案例 练习→

最近更新
01
攻略制作要点
07-18
02
摄影主题拍摄
07-18
03
延时摄影剧本
07-18
更多文章>
Theme by Vdoing | Copyright © 2023-2024 Easton Yang | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式