Ping++ 首页的轮播图是怎么实现的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2017 天前的主题，其中的信息可能已经有所发展或是发生改变。

效果看起来不错，有人知道是怎么实现的吗？或者有类似的开源项目吗？

轮播图

ping

开源

首页

6 条回复 • 2019-06-19 15:57:04 +08:00

coolair

2019-06-19 14:44:41 +08:00

F12 不能扒下来吗？

xyxc0673

2019-06-19 14:51:17 +08:00

@coolair #1
js 代码已经加密了，阅读起来困难

letitbesqzr

2019-06-19 15:02:44 +08:00

@xyxc0673 #2 没加密啊？就是普通的压缩了？看 slideScene 函数。目测用了 GSAP 这东西。

---

GSAP （ http://greensock.com/gsap ）的全名是 GreenSock Animation Platform，这个名字是有些怪异（官网还在各种安利你加入它的 Club ），但它的确是一个从 flash 时代一直发展到今天的专业动画库。

Sapp

2019-06-19 15:23:08 +08:00

他那个设备的图，不是背景，而是 css 写的，这样就明白了吧？中间是 css 渐变做的变动效果

xyxc0673

2019-06-19 15:36:09 +08:00

@letitbesqzr #3
说错了...应该是被混淆了？
目测确实是用了 GSAP 这个 JS 插件。

@Sapp #4
这样一想明白了，感觉实现起来还是有一定难度的。

hoythan

2019-06-19 15:57:04 +08:00

缺的不是技术，是素材。