美文网首页实用技术折腾之美
impress.js:不仅仅是PPT

impress.js:不仅仅是PPT

作者: 梁杰_numbbbbb | 来源:发表于2014-03-22 19:42 被阅读5558次

    推荐指数:★★★★★
    使用难度:★
    适用范围:PPT,个人简介,项目简介以及各种需要展示的场景
    GitHub数据:



    看看这个恐怖的star数字大家应该就知道这东西有多叼了,要知道linux的star也就1.2万。。。打开Demo的一瞬间我就被震惊了,特效和内容的结合恰到好处,整体风格简直就是高大上!

    一句话讲解原理:整个网页是一张画布,将想要展示的每一页都放在这张画布上的不同位置,运行的时候监控键盘操作,使用CSS3来实现切换。

    效果截图:



    缺点:

    1、只支持“modern browsers”,也就是说不支持内核为IE<=8的浏览器。不过虽然特效不支持,作者还是很人道的将每一幕从上到下排列,勉强可以当PPT来用。

    2、手机端也同样不支持,处理方式同样是简单的将每一幕列出,

    一段代码教程:



    这个就是Demo中的第一幕,红色的地方是这一幕在画布上的坐标,每一幕都有自己的坐标,impress.js会自动为你生成两幕之间的切换动画。绿色的地方就是你想要在这一幕中显示的东西,可以是文字、图片、视频。。。总之你想放什么就放什么。

    很简单吧,还等什么?赶快制作你的专属PPT吧!

    大家有觉得不错的库一定要推荐给我哦~共同进步嘛!

    ==========================================================

    impress.js地址

    Demo地址

    ==========================================================

    欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”,谢谢~

    相关文章

      网友评论

      本文标题:impress.js:不仅仅是PPT

      本文链接:https://www.haomeiwen.com/subject/jamktttx.html