在一个页面内转换多个html页面

时间:2014-03-28 11:36:25

标签: javascript html css

我想创建一个单独的html页面。这个单页应分成4个大小相等的div,在这些内容中我想显示其他html页面。例如,我可以:

Top left: google news
Top right: bbc news
Bottom left: reuters
Bottom right: twitter

我可以使用<iframe><object>标签轻松完成此操作。但是我想扩展它以便我可以拥有任意数量的可能的底层页面,它们将在每个div中出现一段给定的时间,然后再移动到下一页面。

是否有任何javascript动画库可能对此有所帮助?能够使用可能的底层页面列表和转换间隔参数化div的行,然后库将处理其余部分。

2 个答案:

答案 0 :(得分:0)

JQuery和UI框架/插件将是完美的;您可以使用$.load函数加载HTML资源,然后将它们附加到要放置的给定DIV区域内的DOM。从那里,您可以使用JQuery UI或许多JQuery插件之一来制作动画。有很多可以满足您的需求。

答案 1 :(得分:0)

我为你创建了一个简单的fiddle,看看我不确定你要的是什么。

元素的移动是用css动画做的,在你的页面中你必须使用JQuery transfomr - &gt;翻译或类似的东西