页面闪烁加载 - 隐藏/显示javascript - Total Newbie

时间:2012-05-31 17:52:29

标签: javascript css

好的,所以这里..我是Javascript的新手。我大约一个月前才开始使用html& css。我所有的htl和css都可能非常落后,我有一堆学习。我正在使用两个javascript - 一个加载nivo滑块,另一个隐藏并显示简单的标签:

http://www.kollermedia.at/archive/2007/07/04/easy-tabs-11-free-tab-menu/

当我把它们砍成地狱试图让它们看起来像我想要的那样时,两者都很好。因为我把它们放在一起所有地狱都已经破裂了(一点点夸张)但它也可能因为虽然它们都在工作,但页面在加载时会严重闪烁。我一直在研究这个,我听说它叫做DOM闪烁。我知道这是由于在脚本启动之前显示隐藏的div。我还注意到增加的页面高度,对于瞬间隐藏内容的瞬间(有时更长)会激活滚动条,我知道这可能会产生影响。我也在鼠标悬停命令的链接中使用背景图像....我不知道还能做什么。

我已经读过你可以添加脚本只在脚本加载后显示内容但是我知道零javascript:)......然而!

有人可以帮我解决这个问题吗?我已经阅读了很多关于网络的帖子,但是他们都把代码放在了你应该填写的位置以及预期放置的地方。我很抱歉成为这样一个mong但是有人可以直接复制并粘贴我的javascript并编辑它以显示给我?

我知道这个问题很多,但我一整天都试图解决这个问题。 这是一个显示问题的链接(当选择投资组合链接时,延迟/闪烁持续年龄!)

指向该网站的链接:http://www.adam-ashton.co.uk/homepage.html

(很抱歉这么久了)

谢谢, 大卫

2 个答案:

答案 0 :(得分:2)

页面闪烁可以在某些CSS的帮助下处理

.hideME {

visibility:hidden;
}

将此类添加到html页面的最顶层元素(主要是div)

在脚本标记内,

写一个window.load函数

$(window).load(function() {

  $(selector).removeClass('hideMe');
});

这应该是魔术:)

答案 1 :(得分:0)

在第46行添加这一行代码。表示window.load的第一行

   $('.container').removeClass('hideMe');