html - 如何从 html5 和 css2 制作 epub

Question

我有一本书是用 Adob​​e Indesign 设计的。这本书印刷时有问题，答案在翻页中。孩子们将向上、向右、向左或向下方向抬起襟翼以查看答案。

我想要的是在数字输出中复制这个确切的功能并制作一个 ePub，以便我们可以在 iPad 上运行它。所以我的问题是：

a）如何在 Indesign 中放置那种翻转动画
b）如果我用 Jquery 用 HTML5 和 CSS2 开发整个东西，那么如何编译它。在创建了必要的动画和 HTML、css 和 jquery 中的翻转效果后，我尝试使用 ePub Maker。但编译后尝试在 iPad 中运行时显示错误。

谢谢是提前

Answer 1

如果您的意图是向 iPad 提供动画内容，请尝试使用 Apple 的 iBooks Author。它是免费下载的，而且非常简单。我不知道它是否完全符合您要实现的那种动画，但如果不是，也许有一个替代动画也可以工作。

Answer 2

我通过使用 jquery show/hide 方法解决了它。

$(document).ready(function() { $('#q1, #ans1, #q2, #ans2, #modal').hide();

$('#btn1').click(function(){
    $('#q1, #modal').show();
    $('#btn1, #btn2').hide();
});

$('#q1').click(function(){
    $('#ans1').show();
    $('#q1, #btn1, btn2').hide();
});

$('#ans1').click(function(){
    $('#ans1, #modal').hide();
    $('#btn1, #btn2').show();
});


$('#btn2').click(function(){
    $('#q2, #modal').show();
    $('#btn1, #btn2').hide();
});

$('#q2').click(function(){
    $('#ans2').show();
    $('#q2, #btn1, #btn2').hide();      
});

$('#ans2').click(function(){
    $('#ans2, #modal').hide();
    $('#btn1, #btn2').show();
});

});