支持旧浏览器中的turn.js

时间:2012-04-27 21:22:39

标签: javascript jquery internet-explorer page-flipping turnjs

我正在使用turn.js进行翻页效果,在IE7 / IE8上看起来效果不佳(在IE7模式下加载网站,你可以自己看看)。< / p>

支持旧浏览器的最佳方式是什么,同时在现代浏览器上保持酷炫翻页? (注意:我在IE上根本不需要热门角落,因为我也有专门的箭头链接,通过Javascript翻页,类似于turn.js演示。)

1 个答案:

答案 0 :(得分:1)

您是否有关于如何应用turn.js的示例?在,您是否有链接或您的页面结构如何?这是一个很好的起点。

当您检测到旧版浏览器时,更多的优雅失败点:有多个选项,有些选项比其他选项更有意义,具体取决于已经完成的网站数量。首先,该网站如何完全禁用Javascript?我知道这不是IE7 / 8的情况,而是从那里开始。它可以在没有任何JS的情况下使用吗?如果答案是“不”,如果可以的话,想一想如何回答“是”。在考虑如何处理旧浏览器时,这总是一个很好的问题。

如果您是网站编程的早期版本,或者内容是以明确的方式布局的,那么您可以解决旧版浏览器的限制。我尝试遵循的做法是在没有JS的情况下设计网站,或者尽可能少地设计网站,然后在功能方面进行编程,以便随后进行“嗖嗖声”。

在你的情况下,我会提出一些建议:如果你检测到IE7 / 8(或者可能不符合鼻烟的移动浏览器等),那么加载一个辅助样式表,其规则可以为你的内容提供尽可能多的内容。尽可能地感受“原始”的感觉。接下来,让旧浏览器的JS显示/隐藏内容页面而不是页面翻转它们 - 这可以通过左右移动页面然后跟踪当前页面与可能页面的一些div来实现(在此页面之前有什么?在此页面之后?)以显示/隐藏导航div。 turn.js只是看起来就像同样的花哨动画一样,所以你应该可以说“嘿,这个浏览器是IE 7或IE 8 - 所以,我们不要初始化turn.js然后转控制到上一页和下一页div。“