Google预订动态网页

Question

我想知道是否有可能做这样的事情这样使用Javascript.我认为这是一个非常难以实现的东西(只是尝试调整窗口大小),我不知道网上是否有东西(我没有发现任何东西).

Answer 1

如果您能够将整本书的文本传递到页面，这很简单。

简单的待办事项列表 (MVC)

• PHP：从数据库获取书籍并将其内容传递给view
• 创建四个 DIV
  • 首先previous page action
  • 其次left page
  • 第三个到right page
  • 第四个到next page action

这些 DIV 的高度为浏览器窗口的 100%，宽度为：

• 30像素
• (页宽-60)/2
• (页宽-60)/2
• 30像素

通过 Javascript，你只需通过计算单词数将书的文本分成很多页（例如one page == 200 words）

如果页面不够高，无法容纳所有文本，让我们像在给定示例中那样垂直滚动

他们实现的更多功能是：

• 搜索（参见 javascript string.search() ）
• 调整字体大小（请参阅 javascript css 方法或阅读Javascript 更改字体大小）
• 按章阅读本书（取决于您的实现*1）
• 底部滑块（同样取决于您的实现，但 jquery 滑块对此非常有用）

*1

• 您可以简单地将书籍的文本按章节以数组形式传递到您的视图
• 您可以仅传递章节并通过 AJAX 调用获取章节文本
• 或者任何你能想到的......

关于现成的实现，你可以看到这些：

• http://michaelthompson.org/books/read.php?book=b5
• http://weblogs.mozillazine.org/gerv/archives/2006/05/amazon_ajax_book_reader.html（如页面图像 - 扫描 - 实施）
• http://openlibrary.org/dev/docs/bookreader
• http://monocle.inventivelabs.com.au/（再次扫描页面，如最终尺寸的图像）