HTML5演示文稿 - 在幻灯片之间添加淡化转场

Question

我有一个学校作业用HTML5创建演示文稿，并找到了帮助完成作业的模板。它不完整，下面是工作模板，我想在幻灯片之间添加淡入淡出转换到此演示文稿，并且我无法弄清楚JavaScript添加淡入淡出转场。这里是工作演示的链接，我希望得到一些帮助。

http://perlaparra.com/uopx/sandbox/987153624/#intro

Answer 1

你可以发布你的代码？你可以尝试使用类似这样的jQuery效果：

<div id="clickme"> 
Click here 
</div> 
    <img id="book" src="book.png" alt="" width="100" height="123"> 

    // With the element initially hidden, we can show it slowly: 
    $("#clickme").click(function() { 
    $("#book").fadeIn("slow", function() { 
    // Animation complete 
    }); 
}); 

Answer 2

根据你的链接，你不必使用JS褪色库 可以使用CSS3 只是这2行加入到你的CSS处理它

.slide { 
    opacity: 0; 
    transition: all 0.5s ease; 
}