爱意满满的作品展示区。
DolphinWood

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

  •  
  •   DolphinWood ·
    idiotWu · Apr 18, 2015 · 3722 views
    This topic created in 4087 days ago, the information mentioned may be changed or developed.

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

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

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

    8 replies    2015-04-26 13:17:46 +08:00
    sneezry
        1
    sneezry  
       Apr 18, 2015   ❤️ 1
    Cool~

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

    https://github.com/bartaz/impress.js
    martin2975068046
        2
    martin2975068046  
       Apr 18, 2015
    nice
    bzw875
        3
    bzw875  
       Apr 18, 2015 via iPhone
    先star,再看看
    DolphinWood
        4
    DolphinWood  
    OP
       Apr 18, 2015
    @sneezry 一开始只是想做成一个简单的时间控制的插件,类似 reveal.js 那样的。要改成 impress 那种感觉估计得大改~不过提供了 class 变换,加上 CSS3 也能弄出酷炫的效果吧
    ajan
        5
    ajan  
       Apr 19, 2015
    好东西,收藏了
    Arrowing
        6
    Arrowing  
       Apr 20, 2015
    nice啊,不过有个小bug,鼠标在左侧菜单栏上下移动时,越过章节会出现各个小节的名称都高亮的问题。
    DolphinWood
        7
    DolphinWood  
    OP
       Apr 21, 2015 via iPad
    @Arrowing 嗯,因为菜单元素多重嵌套了,CSS 逻辑处理起来比较麻烦。
    mingyun
        8
    mingyun  
       Apr 26, 2015
    star
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2753 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 14:25 · PVG 22:25 · LAX 07:25 · JFK 10:25
    ♥ Do have faith in what you're doing.