网站快照
S w i p e r 中 文 网 轮 播 图 幻 灯 片 j s 插 件 , H 5 页 面 前 端 开 发 首 页 在 线 演 示 S w i p e r 基 础 演 示 S w i p e r 精 彩 应 用 ( 移 动 ) S w i p e r 精 彩 应 用 ( P C ) 中 文 教 程 S w i p e r 使 用 方 法 S w i p e r A n i m a t e 使 用 方 法 S w i p e r 与 D O M 在 R e a c t 中 使 用 S w i p e r 在 S v e l t e 中 使 用 S w i p e r 在 A n g u l a r 中 使 用 S w i p e r 在 V u e 中 使 用 S w i p e r 在 V u e 中 使 用 低 版 本 S w i p e r ( 3 / 4 ) A P I 文 档 获 取 S w i p e r 下 载 S w i p e r S w i p e r C D N 地 址 关 于 我 们 关 于 S w i p e r 优 秀 企 业 案 例 展 示 友 情 链 接 S w i p e r 3 S w i p e r 3 基 础 演 示 S w i p e r 3 移 动 端 实 例 S w i p e r 3 电 脑 端 实 例 S w i p e r 3 A P I 文 档 S w i p e r 2 S w i p e r 2 基 础 演 示 S w i p e r 2 实 例 S w i p e r 2 A P I 文 档 交 流 分 享 S w i p e r 英 文 网 搜 索 S w i p e r 1 1 开 源 、 免 费 、 强 大 的 触 摸 滑 动 插 件 查 看 S w i p e r 演 示 查 看 A P I 文 档 交 流 、 分 享 S w i p e r 回 顾 S w i p e r 3 回 顾 S w i p e r 2 I E 7 开 始 使 用 S w i p e r S w i p e r 5 开 源 、 免 费 、 强 大 的 触 摸 滑 动 插 件 查 看 S w i p e r 演 示 查 看 A P I 文 档 回 顾 S w i p e r 3 回 顾 S w i p e r 2 I E 7 开 始 使 用 S w i p e r 简 单 配 置 即 可 实 现 手 机 、 电 脑 网 页 大 部 分 滑 动 功 能 , 焦 点 图 、 t a b 、 触 摸 导 航 等 为 什 么 大 家 都 选 择 使 用 S w i p e r ? 免 费 , 开 源 , 稳 定 , 应 用 广 泛 , 文 档 丰 富 , 大 量 活 跃 用 户 解 答 疑 问 S w i p e r 应 用 广 泛 , 使 用 频 率 仅 次 于 j Q u e r y , 轮 播 图 类 排 名 第 一 , 是 网 页 设 计 师 必 备 技 能 众 多 耳 熟 能 详 的 品 牌 在 使 用 : 阿 里 、 腾 讯 、 百 度 、 拼 多 多 、 网 易 、 华 为 、 格 力 、 喜 茶 、 顺 丰 . . . 更 多 大 量 d e m o 即 下 即 用 , 前 端 新 手 亦 可 快 捷 做 出 精 美 效 果 据 调 查 , 掌 握 S w i p e r 的 前 端 开 发 者 普 遍 月 薪 在 1 3 万 之 间 S w i p e r 交 友 群 : 群 ① 6 4 8 4 3 3 2 2 3 群 ② 5 2 6 3 7 1 2 0 7 最 近 更 新 : o n r e s i z e O b s e r v e r s w i p e r 5 基 础 演 示 移 动 端 应 用 P C 端 应 用 A P I 文 档 s w i p e r 3 基 础 演 示 移 动 端 应 用 P C 端 应 用 A P I 文 档 s w i p e r 2 基 础 演 示 实 际 应 用 A P I 文 档 S w i p e r 常 用 于 移 动 端 网 站 的 内 容 触 摸 滑 动 S w i p e r 是 纯 j a v a s c r i p t 打 造 的 滑 动 特 效 插 件 , 面 向 手 机 、 平 板 电 脑 等 移 动 终 端 。
S w i p e r 能 实 现 触 屏 焦 点 图 、 触 屏 T a b 切 换 、 触 屏 轮 播 图 切 换 等 常 用 效 果 。
S w i p e r 开 源 、 免 费 、 稳 定 、 使 用 简 单 、 功 能 强 大 , 是 架 构 移 动 终 端 网 站 的 重 要 选 择 ! 右 侧 范 例 来 自 某 讯 网 , 用 到 了 这 些 特 效 : 触 摸 导 航 f r e e M o d e 焦 点 图 a u t o p l a y 内 容 t a b s l i d e T o 扫 一 扫 或 下 载 S w i p e r 拥 有 灵 活 的 p r o g r e s s , 这 是 自 定 义 制 作 3 D 幻 灯 片 切 换 效 果 的 利 器 S w i p e r 制 作 3 D 切 换 效 果 的 方 法 多 种 多 样 。
c u b e 、 c o v e r f l o w 、 f l i p 、 c a r d s 和 c r e a t i v e 可 以 轻 松 的 实 现 3 D 过 渡 , 如 果 你 想 制 作 其 他 新 颖 的 切 换 方 式 , 推 荐 使 用 p r o g r e s s 。
p r o g r e s s 可 以 帮 助 你 获 取 到 滑 块 的 进 度 索 引 。
右 侧 3 d 宣 传 册 范 例 用 到 了 这 些 特 效 : 获 取 p r o g r e s s w a t c h S l i d e s P r o g r e s s 垂 直 切 换 d i r e c t i o n 过 渡 回 调 s e t T r a n s i t i o n 扫 一 扫 或 下 载 在 S w i p e r 上 加 些 小 动 画 , 制 作 时 下 最 流 行 的 微 展 示 使 用 S w i p e r 再 配 合 一 些 你 喜 欢 的 小 动 画 , 你 的 图 片 立 即 变 成 活 灵 活 现 的 微 场 景 、 微 海 报 。
常 用 的 制 作 动 画 的 方 法 有 C S S 3 、 G r e e n S o c k 、 A n i m e . j s 、 a n i m a t e . c s s 等 。
也 推 荐 使 用 我 们 的 S w i p e r A n i m a t e 小 插 件 , 无 需 学 习 即 可 快 速 制 作 出 精 美 的 切 换 动 画 效 果 。
S w i p e r A n i m a t e 有 大 量 的 d e m o , 下 载 后 进 行 简 单 修 改 即 可 , 是 伸 手 党 的 最 爱 。
右 侧 l i v e a p p 范 例 用 到 了 这 些 特 效 : 动 画 小 插 件 S w i p e r A n i m a t e 切 换 后 回 调 s l i d e C h a n g e T r a n s i t i o n E n d 扫 一 扫 或 下 载 S w i p e r 的 特 色 功 能 不 依 赖 公 共 库 S w i p e r 无 需 加 载 任 何 公 共 库 ( 如 j q u e r y ) 即 可 运 行 , 这 保 证 了 S w i p e r 的 轻 量 和 运 行 速 度 。
S w i p e r 也 可 以 在 加 载 了 公 共 库 的 环 境 下 安 全 的 运 行 , 如 j Q u e r y , Z e p t o , j Q u e r y M o b i l e 等 支 持 流 行 的 前 端 框 架 从 S w i p e r 6 版 本 开 始 提 供 了 流 行 前 端 框 架 的 支 持 , 可 以 将 s w i p e r 作 为 组 件 添 加 到 这 些 框 架 中 方 便 使 用 , 如 R e a c t , S v e l t e , V u e . j s , A n g u l a r 等 1 : 1 的 触 摸 滑 动 S w i p e r 默 认 的 触 摸 比 例 为 1 : 1 , 你 可 以 通 过 修 改 S w i p e r 的 设 置 来 改 变 这 个 比 例 。
监 视 器 S w i p e r 可 以 通 过 设 置 开 启 监 视 器 , 有 了 这 个 功 能 S w i p e r 可 以 在 你 动 态 改 变 D o m 或 S w i p e r 的 样 式 时 自 动 重 新 初 始 化 并 计 算 所 需 的 元 素 。
丰 富 的 A P I S w i p e r 拥 有 丰 富 的 A P I , 允 许 你 建 立 自 己 独 特 的 分 页 器 、 导 航 、 视 差 滚 动 、 或 其 他 精 彩 的 效 果 真 正 支 持 R T L 布 局 S w i p e r 是 唯 一 一 个 支 持 1 0 0 % R T L ( 右 向 左 ) 布 局 的 滑 动 插 件 。
可 在 s w i p e r c o n t a i n e r 上 加 d i r = r t l 。
多 行 s l i d e s 布 局 S w i p e r 允 许 多 行 S l i d e s 布 局 , 这 样 每 行 的 s l i d e 就 会 较 少 。
丰 富 的 过 渡 效 果 内 置 了 淡 入 、 3 D 方 块 、 3 D 流 、 3 D 翻 转 、 卡 片 、 创 意 性 等 6 种 效 果 , 方 便 轻 松 使 用 。
双 向 控 制 现 在 S w i p e r 可 以 用 来 控 制 其 他 的 S w i p e r , 甚 至 可 以 同 时 控 制 。
完 整 的 导 航 控 制 S w i p e r 配 备 了 常 用 的 导 航 控 制 器 , 包 括 分 页 器 , 切 换 箭 头 , 滚 动 条 。
F l e x b o x 布 局 S w i p e r 使 用 流 行 的 f l e x b o x 布 局 , 这 样 就 解 决 了 很 多 计 算 尺 寸 方 面 的 问 题 。
这 种 布 局 也 允 许 用 C S S 来 设 定 S l i d e s 。
F l e x b o x 网 格 你 可 以 在 S w i p e r 初 始 化 的 时 候 设 定 s l i d e 的 显 示 , 包 括 每 行 、 每 列 、 每 组 数 量 以 及 他 们 的 间 距 等 。
视 差 过 渡 S w i p e r 支 持 流 行 的 视 差 效 果 , 你 可 以 将 视 差 效 果 应 用 于 S w i p e r 的 内 部 元 素 , 如 图 片 、 文 本 、 标 题 、 背 景 图 等 等 . . 图 片 懒 加 载 S w i p e r 对 非 a c t i v e s l i d e 内 的 图 片 实 行 延 迟 加 载 , 这 个 功 能 加 快 了 页 面 的 打 开 速 度 , 提 高 了 S w i p e r 的 使 用 体 验 。
虚 拟 S l i d e s S w i p e r 5 新 增 了 虚 拟 s l i d e s 特 性 , 当 你 有 很 多 S l i d e 或 有 很 多 内 容 的 s l i d e 的 时 候 可 以 在 D O M 中 只 保 留 需 要 的 s l i d e 。
其 他 的 特 性 S w i p e r 5 还 包 含 了 所 有 s w i p e r 2 的 优 秀 特 性 , 包 括 自 适 应 、 滚 动 反 弹 、 抵 抗 反 弹 、 l o o p 模 式 、 嵌 套 S w i p e r 。
5 0 , 0 0 0 + 使 用 者 , 2 0 0 , 0 0 0 + 网 站 及 应 用 用 S w i p e r 来 制 作 滑 动 切 换 已 经 成 为 现 今 网 站 或 应 用 的 潮 流 和 标 准 查 看 更 多 企 业 > S w i p e r 完 全 免 费 并 开 源 ( M I T L i c e n s e d ) 开 始 使 用 S w i p e r 网 站 地 图 S w i p e r 中 文 网 S w i p e r 3 中 文 网 S w i p e r 2 中 文 网 S w i p e r 资 源 · 交 流 合 作 伙 伴 滤 油 机 日 本 网 站 设 计 欣 赏 5 G 系 统 之 家 致 辞 感 谢 i d a n g e r o 创 造 的 移 动 端 触 摸 滑 动 插 件 S w i p e r 带 给 我 们 的 无 限 精 彩 。
赞 助 我 们 用 于 服 务 器 费 用 友 情 链 接 更 多 友 情 链 接 > 耐 美 尔 图 片 网 站 C o p y r i g h t © 2 0 1 4 2 0 1 9 S w i p e r 中 文 网 , 粤 I C P 备 1 5 0 0 1 0 2 0 号 , A l l R i g h t s R e s e r v e d 。