2016-01-12 199 views
-1

因此,我正在制作一个网站,并且在页面之间切换时会闪烁。 我已搜索解决此问题的答案,但所有结果都无效。加载时防止页面闪烁

我的页面php文件,并在加载HTML元素之前获取其他文件。这可能是问题吗?

下面就来看看我的HTML代码:

<!DOCTYPE html> 
<html> 
    <head> 
    //Output meta data 
    <title>Page Title</title> 
    <link rel='stylesheet' type='text/css' href='../framework/assets/stylesheets/bla.min.css'/> 
    <script type='text/javascript' src='../framework/assets/javascript/jquery.min.js'></script> 
    <script type='text/javascript' src='../framework/assets/javascript/bla.min.js'></script> 
    </head> 
    <body lang='en'> 

我能做什么来防止页面闪烁?我将如何延迟页面的变化直到目标页面完全加载?

谢谢。

+0

下面是jQuery过渡插件列表:http://ninodezign.com/20-jquery-plugin-for-page-transition-effects-with-css3/ – CarlosCarucce

+0

我不明白你的目的是什么codepen在这里? –

+0

StackOverflow不会正确显示我的HTML代码,它只是将它作为HTML标记,而不是代码块。 –

回答

0

设定的主体风格

display:none; 

,然后使用jquery:

$(document).ready(function(){$(body).css('display','block')}); 

这是显示内容的代码时,满载:)如果我理解正确的,这是你想要什么

+0

这只会增加更多的闪烁。闪烁是由于页面加载前内容不可见而引起的。 –

+0

“如何才能将页面延迟更改,直到目标页面完全加载?” –

+0

另外,包括jQuery在内的简单问题在我看来是一个错误。这是一个庞大的图书馆,并且内置了处理这个人需要的功能。 –