Question

我有一本用Adobe 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();
});

}）;

如何从html5和css2制作epub

2 个答案: