如何使用Impress.js';什么是CSS工作?
我正在阅读,对下面的代码有一些疑问(Inpress演示的一部分) 我的问题:如何使用Impress.js';什么是CSS工作?,css,impress.js,Css,Impress.js,我正在阅读,对下面的代码有一些疑问(Inpress演示的一部分) 我的问题: 这门课的目的是什么 是否在当前显示的步骤上应用class.active?因此,它的不透明度在显示时变为1,在显示下一个时变回.3;如中所述。已启用印象。请在其上方跨出一步,对吗 谢谢你的帮助 如果访客浏览器停用javascript,他将根本无法获得启用.impress的类,因为它是通过javascript添加的。这就是他们如何区分javascript和非javascript版本的方法(只需暂时停用javascript,
Impression-on-ID可用于在幻灯片变为活动状态时添加特定于幻灯片的js或css代码。例如,如果您的幻灯片很小,并且浏览器窗口中包含多张幻灯片,则我们可以首先隐藏除第一张幻灯片以外的所有幻灯片 一旦特定幻灯片激活,它将在ID类上留下深刻印象。我们可以使用此类使步骤可见
如果您想了解更多信息,请阅读我在上的书,以便在浏览器支持Impress时,删除不支持的类Impress,并启用Impress,
Impress on ID此处
添加到body元素?两个类都添加了吗?second class有什么用?我不太清楚,但我希望是这样:impress on Pertive
是在范围内找到impress时添加的(尚未应用,如“嘿..我准备好了..只需激活我”)如果通过文档中的js应用impress,则将添加启用impress的。就绪功能impress on ID可用于在激活时添加幻灯片特定的js或css代码。例如,如果您的幻灯片很小,并且浏览器窗口中包含多张幻灯片,则我们可以首先隐藏除第一张幻灯片以外的所有幻灯片。一旦特定幻灯片激活,它将在ID类上留下深刻印象。我们可以使用此类使步骤可见。如果您想了解更多,请阅读我的关于使用impress.js构建令人印象深刻的演示文稿的书
.impress-enabled .step {
margin: 0;
opacity: 0.3;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.impress-enabled .step.active { opacity: 1 }