如何用网页播放幻灯片-RevealJS

最新推荐文章于 2021-10-25 11:13:13 发布
最新推荐文章于 2021-10-25 11:13:13 发布
阅读量450 收藏
点赞数
分类专栏： 个人 学习日常 文章标签： css html javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42275589/article/details/105976104
版权
本文介绍了如何使用RevealJS在网页中创建幻灯片，包括导入CSS和JavaScript文件，初始化配置，以及HTML结构的设定。通过简单的步骤，你可以创建具有横向和纵向切换效果的幻灯片，并自定义主题。
摘要由CSDN通过智能技术生成

一句话总结

看官方API。(

过程

前情提要

用RevealJS改了一下我的github的网页。最开始知道RevealJS是老师上课用到了我觉得很酷，就去搜了他的源码(按F12)。

具体操作看官方API，我这里就教一教怎么导入，然后举点简单的例子。

CSS

首先你需要导入css文件。

reset.css 是用来确保不同浏览器下显示效果都是想要的效果。其实就是把margin，padding，border都设置成了0。顺便还定义了HTML5新增的那些标签。

reveal.css 是reveal的基础CSS，必须导入。

theme/xx.css 是主题CSS，可以复制一个然后自己改改，或者直接改官方提供的SCSS然后转CSS，就成自己的主题拉~

<link rel="stylesheet" href="css/reset.css&#
最低0.47元/天 解锁文章
不重名的彩笔
关注
专栏目录
使用reveal.js和wilddog实现移动端控制web端PPT展示
WL
09-17 5110
相信大家工作这么久了，肯定会被要求做PPT等一系列报告，作为前端开发的熊孩子，我们肯定是喜欢折腾的，想想能够用web页面做一份PPT是不是很酷炫，其实在github已经有一个不错的开源的The HTML Presentation Framework,reveal.js,上面会有相应的文档说明，好了现在有前人已经造好的轮子可以直接用了，我们是否可以再加上点什么，别人都在用键盘或者专用的无线设备控制PP
reveal.js实现html播放ppt的炫酷效果
weixin_34049948的博客
10-21 921
演示地址： http://meiyouwumai.github.io/reveal/<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>reveal.js - The HTML Present...
网页播放ppt swf等文档
09-07
ppt等office文档转换为swf格式 然后客户端实现播放服务器swf文件间接的实现客户端播放服务器ppt文件，主要发现使用ppt的接口，客户端传参还是本地播放所以通过转换swf播放， 网页实现本地播放ppt 的demo我也会上传
HTML5在网页上模拟播放PPT幻灯片特效.rar
07-10
HTML5在网页上模拟播放PPT幻灯片特效，请使用 "空格键" 或者 "空格键" 操控，支持的浏览器：Chrome、火狐或Opera，或360极速，搜狗的"极速模式"也可以哦~本效果模拟实现了空格键控制PPT上一张、下一张的播放功能，并不能真正实现幻灯片的功能哦。
【你没发现Github的隐藏功能之】reveal.js实现html播放ppt的炫酷效果
cungudafa的博客
09-09 613
预览：https://cungudafa.github.io/reveal/ 下载：https://github.com/cungudafa/reveal 只需要修改index.html即可，这是用reveal.js实现PPT效果，再也不用担心U盘中病毒了！ 附： 原作者：https://hakim.se/ ...
20141117-revealjs-bonnes-pratiques-drupal:在 Drupagora 的 Revelal.js 中演示，关于 Drupal 的良好开发实践
07-12
标题中的“20141117-revealjs-bonnes-pratiques-drupal”指的是一场关于Drupal良好开发实践的演讲，利用Reveal.js这个JavaScript库创建的交互式幻灯片来呈现。这场演讲由奥古斯丁·德拉波特主持，他在活动中分享了在...
前端项目-reveal.js.zip
09-02
【标题】"前端项目-reveal.js.zip"是一个包含使用reveal.js框架构建的前端演示文稿项目的压缩包。这个框架是HTML版本的演示文稿框架，它允许开发者使用HTML、CSS和JavaScript来创建交互式和动态的幻灯片展示。 ...
slides:使用Reveal.js的个人幻灯片
05-18
**使用 Reveal.js 开始制作幻灯片** 1. 下载并解压 Reveal.js 最新版本，或者通过 Git 克隆项目到本地。 2. 在 `slides-main` 文件夹内创建 HTML 文件，参考官方示例或教程编写幻灯片内容。 3. 根据需求调整配置...
reveal.js v1.1 一个制作3D幻灯片效果的插件.zip
最新发布
11-19
如果这是一个HTML文件，它可能是一个使用reveal.js v1.1构建的实际幻灯片演示，展示如何布局内容、使用动画效果和嵌入多媒体。如果是一个文本或Markdown文件，它可能包含更深入的指南，比如代码片段和最佳实践。 在...
web页面图片幻灯片播放效果（相册）源码
09-27
web页面图片幻灯片播放效果（相册）源码用脚本实现，可嵌入到任意页面，稍做修改就可以与数据库做动态显示！
js在线播放PPT效果的实现源代码
11-10
javascript实现在线播放PPT效果的源代码
一般网页中的幻灯片播放图片
10-22
不同于office的幻灯片（一个小东西，只为赚点积分）
国内实现web网页打开并播放PPT
qq_27361945的博客
10-13 8232
先来个效果图： 注意，我用的是谷歌浏览器打开的ppt，链接地址是： http://ow365.cn/?i=27871&furl=http://source.jlrc.com.cn/uploads/20200928/jlrcw/gxbys100.pptx 方法是： 登录并注册 文档在线预览 速度更快的专业Office预览云服务提供商 在阿里云OSS上传.pptx文件，文件的网址复制到配置项中： 然后会自动生成ppt播放地址。 注意：阿里云OSS的ppt文件网址只能用于下..
html5 js实现ppt制作,HTML5幻灯片库reveal.js使用
weixin_33782296的博客
06-11 563
介绍最近在准备一个团队内部的分享，觉得powerpoint写幻灯片太麻烦，效率太低。作为前端，就想到是否可以使用页面来做幻灯片。于是就去搜索了下有没有HTML5实现幻灯片的工具。经过对比，最后选择了了reveal.js来实现幻灯片。reveal.js是一个用于实现幻灯片效果的库。使用该库。github地址：github提供了页面编辑功能：slides.com官方demo: demo我自己做的PPT...
支持javascript的ppt软件_用 reveal.js 随心所欲地制作 PPT
weixin_39738152的博客
12-21 596
在面临课题总结或者小组活动的时候，我们几乎都避免不了使用PPT的情境。而制作一个质量较高的PPT可能需要花费比较长的时间1。倘若你是个“完美主义者”，对细节要求几近苛刻，而知识储备并不是很尽如人意的话，往往会弄得是一头絮乱，制作一个PPT可能是种折磨...制作一个好的PPT，在一些演讲的情境中，对于演讲者来说，也是自信的源泉，也有可能会让演讲的表现力提升一个档次。那接下来就我个人认知和使用，粗浅...
支持javascript的ppt软件_把PPT放入浏览器中——12款用于演示的JS库
weixin_39627661的博客
12-21 1123
如何将html格式动态图表网页嵌入ppt中看了之前推送的REmap相关内容，结果导出的图表是html格式的动态图，不知道如何将此种格式的图表放在ppt中使用。这确实很尴尬他呀，你不能直接拿着Rstudio跟客户演示呀(而且还不保证每一台PC上都安装有R语言软件)，如果是ppt展示，突然退出来，然后用浏览器打开html文件也是够突兀的。当然这个情况在r语言中其实很普遍，很多依赖底层js语言编写的二次...
reveal.js:前端实现ppt+markdowm 的一些显示问题解决方法
ResumeProject的博客
10-25 935
添加链接描述 https://www.runoob.com/w3cnote/impress-js-ppt.html https://zhuanlan.zhihu.com/p/412073412
网页中播放PPT 幻灯片
Java_c#
10-12 3639
方法一、将ppt转换为swf文件，网页文档播放器播放。                 推荐一个将ppt 转换为swf文件的工具 iSpring Presenter                 下载地址：http://download.csdn.net/detail/tiz198183/4663742                 iSpring Presenter的使用方法：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值