片段 - 淡入然後淡出

我想要一個自定義片段動畫，以便它們在短暫延遲後淡入淡出/淡入淡出。鑑於所有片段的類別爲.visible和.current-fragment。我想我可以在短暫的延遲後刪除課程.visible並得到想要的結果。片段 - 淡入然後淡出

它沒有。我的代碼片段不會刪除類。通過.js閱讀，我發現他爲每個元素添加了.visible類。

// Show all fragments 
toArray(dom.wrapper.querySelectorAll(SLIDES_SELECTOR + ' .fragment')).forEach(function(fragment) { 
    fragment.classList.add('visible'); 
});

這是我的代碼片段Ø遠：

if ($(".slash__input").hasClass("fade-left") || element.hasClass("fade-right")) { 

    $("slash__input").removeClass("visible"); 

    setTimeout(function() { 
     console.log("working"); 
     $('slash__input').removeClass("visible"); 
    }, 5000);}

謝謝您的回答。也許我走錯了路，只是應該用CSS做？

來源

2016-11-08 Glockohnee

http://stackoverflow.com/questions/26820084/hide-reveal-js-fragments-after-their-appearance/34111675#34111675 - 幫助我進一步得到。 – Glockohnee

發現於reveal.js documentation：

多個片段可以通過包裹它被應用到相同的元件順序地，這將在第一步驟中的文本褪色，褪色回列於第二。
<section> 
<span class="fragment fade-in"> 
    <span class="fragment fade-out">I'll fade in, then out</span> 
</span> 

注意的data-fragment-index=""，構建定製的片斷動畫時。

來源

2016-11-11 13:52:49 Glockohnee

片段 - 淡入然後淡出

回答

相關問題