这不是一个好主意。如果你有这种行为,那么你没有正确地编码你的旋转木马/CSS。您应该隐藏包含它的元素,并在js挂钩中显示它。
但如果你真的想走自己的路,以下是方法:
标题。php:
...
<body <?php body_class(\'site-loading no-js\'); ?>>
<script>
document.body.className = document.body.className.replace(\'no-js\',\'has-js\');
</script>
...
CSS:
body.site-loading.has-js{
background: #fff url(\'the/loading.gif\') no-repeat center center;
}
body.site-loading.has-js *{
display:none;
}
javascript,假设jQuery:
jQuery(document).ready(function($){
// do your carousel thing
// should be last line
$(\'body\').removeClass(\'site-loading\');
});
无需告诉您,在我给您的头代码之后出现的任何javascript错误都将使您的站点永远处于“加载”模式:)