如何使用javascript制作简单的书页

时间:2014-03-03 00:08:19

标签: javascript html

我对编程很陌生,我刚刚报名参加了一个简单的问题。

如何使用javascript进行简单的“预订”页面?

就像,当我点击“P2”按钮时,会出现P2 I writed,而P3按钮也会出现在右下角。我甚至不需要任何动画或其他任何东西。我试着把所有的故事放在document.write上。但是当然,div和一些html标签不起作用。

我想这样做而不会让用户加载另一个页面来继续讲故事。

谢谢你,我希望你能理解我想做的事情,并且日夜都很好。

我可能需要使用ajax,所以我会检查出来,但如果有一个简单的方法与javascript我会提供一些建议。

1 个答案:

答案 0 :(得分:0)

查找这些功能......

.classList.toggleClass() - 这允许您在对象上打开和关闭类

.addEventListener(“click”,function(),false); - 这会将单击转换为函数。您可能希望将.classList.toggleClass()放在函数中,以便可以单击它。

所以......有了这两件事,你可以点击第2页按钮。您的第1页将从附带z-index的类开始:10 ...当您单击第2页按钮时,z-index类将从第1页开始,并将其提供给第2页,将其放在前面。

此外,单击第2页按钮将为第2页按钮提供一个类,使其消失(显示:无;)...页面3按钮将已经有这个不可见的类,然后将其关闭为让它出现。