0

好的,就这样吧..我对Javascript完全陌生。我大约一个月前才开始使用 html&css。我所有的 htl 和 css 可能都非常落后,而且我还有很多东西要学习。我正在使用两段 javascript - 一段加载 nivo 滑块,另一段加载隐藏和显示简单选项卡:

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

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

我读过您可以添加脚本以仅在脚本加载后才显示内容,但我知道零 javascript :) ... 但是!

有人可以帮我解决这个问题吗?我在网上阅读了很多帖子,但他们都把代码放在了你应该填写的地方以及应该知道的地方。我很抱歉成为这样的人,但有人可以从字面上复制并粘贴我的 javascript 并对其进行编辑以显示给我看吗?

我知道这问得太多了,但我整天都在努力解决这个问题。这是一个显示问题的链接(选择投资组合链接时,延迟/闪烁会持续很长时间!)

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

(对不起,啰嗦了这么多)

谢谢,大卫

4

2 回答 2

2

页面闪烁可以在一些 css 的帮助下处理

.hideME {

visibility:hidden;
}

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

在脚本标签内,

写一个 window.load 函数

$(window).load(function() {

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

这应该会变魔术:)

于 2012-05-31T18:02:01.657 回答
0

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

   $('.container').removeClass('hideMe');
于 2012-06-01T09:50:37.007 回答