reveal.js - 我可以将主题应用于 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 );

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