English 中文(简体)
HTML中的页面分隔符
原标题:
  • 时间:2009-03-07 20:12:28
  •  标签:

我想在HTML中使用分页符,这意味着读者在选择链接之前无法向下滚动。

<SPAN id=title><A name=BdToc_1 external=yes><h1 id="BookTitle" align="center"><font color="#B90000"><b>Choose Subject</b></font></h1>
</A>
</SPAN>
<p>
Contents....
</p>

我想在此处之前和之后有分页。请帮助我。

问题回答

请原谅我指出显而易见的事实,即分页符用于分隔不同的页面。每个HTML文档都是一个独立的“页面”。传统上,“选择链接”会加载一个新页面。那么,为什么不在他们单击此链接时加载下一页呢?

您可以使用CSS属性page-break-after, page-break-before指定页面的分页位置。当然,这仅适用于打印网页。据我所知,这些属性已经正确实现在主流浏览器中,包括IE6+。此外,您还可以使用page-break-inside来说明页面不应在某些元素中断。

如果你需要分页,你需要为每一页都有HTML并将这些页面互相链接。或者你可以使用动态的AJAX获取每一页的内容,当然这需要编写脚本。

这在HTML中几乎不可能。您可以尝试使用Javascript制作一些内容,但任何人都可以禁用Javascript。

你为什么想要这样的东西?

你可以使用 JavaScript 中的 onscroll 控制滚动条。onscroll 事件可以确定当前位置,若用户滚动到太下面,可以使用一个函数来滚动回去。

然后,当用户点击链接时,您将< strong>设置标志(scrollok = 1)。 onscroll 检查标记,现在允许滚动。

如果您想击败那些已停用 javascript 的人,只需使用样式表:visibility=none,使内容不可见,直到他们点击为止。

然后,当他们点击链接时,您使用标志启用滚动,并使内容可见。

如果你不知道怎么做这些事情,只需留下评论,我可以更加明确。





相关问题
热门标签