impress.js:不仅仅是PPT
标签:
JavaScript
推荐指数:
使用难度:
适用范围:PPT,个人简介,项目简介以及各种需要展示的场景
GitHub数据:
看看这个恐怖的star数字大家应该就知道这东西有多叼了,要知道linux的star也就1.2万。。。打开Demo的一瞬间我就被震惊了,特效和内容的结合恰到好处,整体风格简直就是高大上!
一句话讲解原理:整个网页是一张画布,将想要展示的每一页都放在这张画布上的不同位置,运行的时候监控键盘操作,使用CSS3来实现切换。
效果截图:
缺点:
1、只支持“modern browsers”,也就是说不支持内核为IE<=8的浏览器。不过虽然特效不支持,作者还是很人道的将每一幕从上到下排列,勉强可以当PPT来用。
2、手机端也同样不支持,处理方式同样是简单的将每一幕列出,
一段代码教程:
这个就是Demo中的第一幕,红色的地方是这一幕在画布上的坐标,每一幕都有自己的坐标,impress.js会自动为你生成两幕之间的切换动画。绿色的地方就是你想要在这一幕中显示的东西,可以是文字、图片、视频。。。总之你想放什么就放什么。
很简单吧,还等什么?赶快制作你的专属PPT吧!
大家有觉得不错的库一定要推荐给我哦~共同进步嘛!
作者:梁杰_numbbbbb
链接:https://www.jianshu.com/p/df42e636f95e
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦