在多个页面之间动态分隔网页内容

我想创建一个网页，其中包含有关各种版本的代码的信息，并以表格的形式按照反向时间顺序排列。示例如下所示。在多个页面之间动态分隔网页内容

Number Release Date End Date  Requires   Release Note 
---------------------------------------------------------------------------- 
3.2  12/31/2013  03/31/2014 Foo 1.0, Bar 2.1 [Link] 
3.1  11/30/2013  01/31/2014 Foo 0.8, Bar 2.0 [Link] 
3.0  10/15/2013  01/07/2014 Foo 0.8, Bar 2.0 [Link] 
... 
1.0  06/30/2013  09/15/2013 Foo 0.5, Bar 1.6 [Link]

我有这个表准备好，使用HTML和CSS创建。但是，随着发布数量的增加，此表格将变得太长。我不想扔掉旧版本的信息。是否可以通过配置CSS或其他方式自动将表格的一部分移动到新的HTML文件中？

这是结果将是什么样子：

Number Release Date End Date  Requires   Release Note 
---------------------------------------------------------------------------- 
9.2  12/31/2016  03/31/2017 Foo 6.0, Bar 8.1 [Link] 
9.1  11/30/2016  01/31/2017 Foo 5.8, Bar 7.0 [Link] 
9.0  10/15/2016  01/07/2017 Foo 5.8, Bar 7.0 [Link] 
... 
7.0  06/30/2016  09/15/2017 Foo 5.5, Bar 6.6 [Link] 

[Older releases]

[Older releases]而对其它HTML文件的超链接。每次有新版本时，我都不想手动将HTML从一个文件移动到另一个文件。

我是新来的网页设计，并不知道在哪里寻找这样的事情。如果HTML/CSS无法实现这一点，我还应该阅读哪些内容来帮助我完成此项工作？

来源

2013-10-11 Masked Man

由于内容是纯文本，它不会把年龄的负荷的话，我建议使用jQuery - 无论是一些分页插件或只是做一个链接“查看全部“其中显示了其他版本。

这意味着你会加载所有版本的一次，但显示他们在块..

分页插件，你会从谷歌发现，bxSlider是好的，但我相信你不需要anythingh那么复杂。

您也可以创建自己的简单“显示全部”功能。 Basicly：

HTML

[Your release table here] 

<a href="#" class="show-all">Show all</a> 

<div class="rest-of-the-releases" style="display:none"> 
    Data data data 
</div>

JQUERY

$('.show-all').click(function() { 
    $('.rest-of-the-releases').fadeIn(); 
    $(this).fadeOut(); 
});

结帐的jsFiddle

来源

2013-10-11 07:44:46 mMoovs

分页结果通常是在服务器中完成的，该服务器只将结果页面所需的内容发送给浏览器。这可以快速保持浏览器中的页面加载和页面速度。

请参阅本example在asp.net

来源

2013-10-11 07:25:59 guymid

在多个页面之间动态分隔网页内容

回答

相关问题