Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Impress.js';什么是CSS工作?_Css_Impress.js - Fatal编程技术网

如何使用Impress.js';什么是CSS工作?

如何使用Impress.js';什么是CSS工作?,css,impress.js,Css,Impress.js,我正在阅读,对下面的代码有一些疑问(Inpress演示的一部分) 我的问题: 这门课的目的是什么 是否在当前显示的步骤上应用class.active?因此,它的不透明度在显示时变为1,在显示下一个时变回.3;如中所述。已启用印象。请在其上方跨出一步,对吗 谢谢你的帮助 如果访客浏览器停用javascript,他将根本无法获得启用.impress的类,因为它是通过javascript添加的。这就是他们如何区分javascript和非javascript版本的方法(只需暂时停用javascript,

我正在阅读,对下面的代码有一些疑问(Inpress演示的一部分)

我的问题:

  • 这门课的目的是什么

  • 是否在当前显示的步骤上应用class.active?因此,它的不透明度在显示时变为1,在显示下一个时变回.3;如中所述。已启用印象。请在其上方跨出一步,对吗

  • 谢谢你的帮助

  • 如果访客浏览器停用javascript,他将根本无法获得启用.impress的类,因为它是通过javascript添加的。这就是他们如何区分javascript和非javascript版本的方法(只需暂时停用javascript,然后再次访问impress.js的示例页面)。因此,如果激活了js,则会删除“无聊”类,并激活一个名为“打动无聊”和“打动启用”的类
  • 对。你说得对

  • 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 }