这仅在主页上执行,它是在主页出现之前出现的启动图像。
我的问题是 - 我认为(文件).ready ...没有正确执行。 .fadeIn / fadeOut仅在我尝试刷新页面时才有效,这不应该是。当站点完全加载时,将显示启动图像。这适用于除“IE8”之外的所有浏览器。我已经没想完了。有人可以帮我吗?
<?php if (is_home() || is_front_page()) { ?>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2'></script>
<script charset="utf-8" type="text/javascript">
var s = $.noConflict( true );
s.ajaxSetup ({ cache: false });
s( document ).ready(function(){
//s("#test").click( function(){
// alert('Hello');
s("#wrapper").hide();
//s("#splash").hide();
s("#splash").fadeIn(2000);
s("#splash").delay(4000).fadeOut(3000);
s("#wrapper").delay(9000).fadeIn(3000);
//});
});
</script>
<?php } ?>
<div id="splash" style="display:none; filter:inherit; opacity:inherit; position:relative;">
<img src="<?php echo bloginfo(url); ?>/wp-content/uploads/2013/09/splash-image.jpg" />
</div>
<div id="wrapper" style="filter:inherit; opacity:inherit; position:relative;">...
</div> <!-- #wrapper -->