javascript - Internet Explorer 中的 Cufon 延迟

Question

有谁知道为什么 Cufon 在 Internet Explorer(所有版本)中加载页面时会出现第二次延迟 - http://www.consolidatemydebt.co.uk

我有<script type="text/javascript"> Cufon.now(); </script>收盘前 </body>标签也。

谢谢

Answer 1

防止这种闪烁的最佳方法(当服务器连接速度较慢时，在 Chrome/FF 中也可能发生这种情况)是隐藏 cúfon 文本，直到它被渲染为止。

添加 document.documentElement.className = 'js';就在您的标签下方。这意味着我们可以通过在每个选择器之前附加 CSS .js 来定位支持 JavaScript 的浏览器。

在 CSS 中，使用此选择器在页面加载时临时隐藏内容，例如:

h1 { 字体大小:2em; }.js h1 { 文本缩进:-9999px; }

然后在 JavaScript 中调用 cúfon include (假设您也使用 jQuery):

Cufon.replace("h1");
Cufon.now();  
$("h1").css("z-index","0"); 

它的作用是隐藏内容，直到所有脚本加载完毕并且 cúfon 运行后显示内容。

您还可以使用 z-index 值来执行此操作。