为了账号安全,请及时绑定邮箱和手机立即绑定

impress.js:不仅仅是PPT

标签:
JavaScript

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


5b7a72950001dde003000060.jpg




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

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

 效果截图:


5b7a72960001e38108990435.jpg




 缺点:

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

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

 一段代码教程:


5b7a729600019f1b03440144.jpg




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

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

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



作者:梁杰_numbbbbb
链接:https://www.jianshu.com/p/df42e636f95e


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消