我可以将主题应用于reveal.js中的特定幻灯片吗？

Question

我正在使用reveal.js进行演示。我使用white主题：

<link rel="stylesheet" href="reveal.js/css/theme/white.css" id="theme">

但是，最后一张幻灯片应该包含主题black。

我能实现吗？怎么样？

Answer 1

执行此操作的好方法可能是在上一张幻灯片上添加标记，如下所示：

<section data-state="darkside">

在幻灯片放映的初始化部分中输入如下内容：

Reveal.addEventListener( 'darkside', function() {
    document.getElementById('theme').setAttribute('href','css/theme/night.css'); 
}, false );

这样，当您到达给定幻灯片时，主题会发生变化。我认为您还应该考虑标记所有其他幻灯片并更改主题。