V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
DolphinWood
V2EX  ›  分享创造

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

  •  
  •   DolphinWood ·
    idiotWu · 2015-04-18 00:45:40 +08:00 · 2876 次点击
    这是一个创建于 3500 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    8 条回复    2015-04-26 13:17:46 +08:00
    sneezry
        1
    sneezry  
       2015-04-18 00:54:19 +08:00   ❤️ 1
    Cool~

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

    https://github.com/bartaz/impress.js
    martin2975068046
        2
    martin2975068046  
       2015-04-18 10:19:18 +08:00
    nice
    bzw875
        3
    bzw875  
       2015-04-18 11:14:34 +08:00 via iPhone
    先star,再看看
    DolphinWood
        4
    DolphinWood  
    OP
       2015-04-18 13:26:28 +08:00
    @sneezry 一开始只是想做成一个简单的时间控制的插件,类似 reveal.js 那样的。要改成 impress 那种感觉估计得大改~不过提供了 class 变换,加上 CSS3 也能弄出酷炫的效果吧
    ajan
        5
    ajan  
       2015-04-19 14:33:19 +08:00
    好东西,收藏了
    Arrowing
        6
    Arrowing  
       2015-04-20 10:42:14 +08:00
    nice啊,不过有个小bug,鼠标在左侧菜单栏上下移动时,越过章节会出现各个小节的名称都高亮的问题。
    DolphinWood
        7
    DolphinWood  
    OP
       2015-04-21 01:09:24 +08:00 via iPad
    @Arrowing 嗯,因为菜单元素多重嵌套了,CSS 逻辑处理起来比较麻烦。
    mingyun
        8
    mingyun  
       2015-04-26 13:17:46 +08:00
    star
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1879 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 16:30 · PVG 00:30 · LAX 08:30 · JFK 11:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.