2013-10-29 9 views
10

मैं इस तरह एक साधारण reveal.js स्लाइड है कहते हैं:कैसे अलग टुकड़ों में पाठ का रंग बदलने के लिए

<section> 
    <h1>Title</h1> 
    <p >Text</p> 
    <p class="fragment">Fragment</p> 
</section> 

मैं के बाद Fragment स्क्रीन पर दिखाई देता लाल को Text रंग बदलने के लिए चाहते हैं। मैं इसे कैसे करूं?

उत्तर

6

यह बल्कि सरल नहीं है:

<section> 
    <h1>Title</h1> 
    <p id="postfragment">Text</p> 
    <p class="fragment">Fragment</p> 
</section> 
... 
<script> 
Reveal.addEventListener('fragmentshown', function(event) { 
    document.getElementById("postfragment").style.color="red"; 
}); 
</script> 
12

आप बस

<section> 
    <h1>Title</h1> 
    <p class="fragment highlight-red" data-fragment-index="1" >Text</p> 
    <p class="fragment data-fragment-index="1"">Fragment</p> 
</section> 

इस तरह कर सकता है, लाल पाठ और "टुकड़ा" पाठ हमेशा सिंक में रहेंगे।

संबंधित मुद्दे