写了一个轻量级 JavaScript 的幻灯片制作插件

2015-04-18 00:45:40 +08:00
 DolphinWood

项目托管在 https://github.com/idiotWu/Slideshow ,欢迎测试~

说是幻灯片制作,实际上只是时间轴控制,插件本身只提供了 className 的变换,并没有提供任何动画组件。不过配合上 animate.css 就能轻轻松松做出酷炫的效果来了: http://idiotwu.github.io/Slideshow/

压缩后的插件核心只有 4.4k,比起 reveal.js 117k 的大块头轻量了不少。

2916 次点击
所在节点    分享创造
8 条回复
sneezry
2015-04-18 00:54:19 +08:00
Cool~

楼主借鉴下impress,把它做的更炫~

https://github.com/bartaz/impress.js
martin2975068046
2015-04-18 10:19:18 +08:00
nice
bzw875
2015-04-18 11:14:34 +08:00
先star,再看看
DolphinWood
2015-04-18 13:26:28 +08:00
@sneezry 一开始只是想做成一个简单的时间控制的插件,类似 reveal.js 那样的。要改成 impress 那种感觉估计得大改~不过提供了 class 变换,加上 CSS3 也能弄出酷炫的效果吧
ajan
2015-04-19 14:33:19 +08:00
好东西,收藏了
Arrowing
2015-04-20 10:42:14 +08:00
nice啊,不过有个小bug,鼠标在左侧菜单栏上下移动时,越过章节会出现各个小节的名称都高亮的问题。
DolphinWood
2015-04-21 01:09:24 +08:00
@Arrowing 嗯,因为菜单元素多重嵌套了,CSS 逻辑处理起来比较麻烦。
mingyun
2015-04-26 13:17:46 +08:00
star

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/184468

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX