2

我正在从 Themeforest 上购买的名为 Truestory 的模板构建一个页面。我想知道是否有办法消除/禁用页面加载（动画）功能？

http://themeforest.net/item/truestory-fullscreen-html5-template/3902394

这是styles.css 代码我需要更改/添加什么？

这是我认为需要正确编辑的内容？它来自 Styles.css 

/*-------------------------------------------------------------------------------------*/
/*  PRELOADER
/*-------------------------------------------------------------------------------------*/

#preloader{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.active-dock #preloader{
margin-top: -65px; /* dock.height/2 */
}

#preloader > span{
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
z-index: 1;
background: url(../images/loading_small.gif) no-repeat center 15px #000;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px;
}

#preloader > span > span{
display: block;
margin-top: 40px;
font: normal normal 14px/30px 'Open Sans Condensed Bold', Arial, sans-serif;
text-align: center;
text-transform: uppercase;
color: #fff;
}

#preloader.landing > span{
background-position: center center;
}

#preloader.landing > span > span{
text-indent: -9999px;
}
4

1 回答 1

2

如果您只想隐藏加载动画，可以更改 CSS 以隐藏该元素：

#preloader{
    display: none;
    ...

您还可以考虑首先删除创建预加载器 div 的代码。这可能是一个 Javascript 函数，也可能是模板中的纯 HTML。

正如 Kolink 在评论中提到的那样，通知用户正在进行长时间的操作通常是一个好主意。加载动画是一个很好的方法。您还可以考虑通过优化代码或迁移到更快的主机来提高操作速度。

于 2013-06-19T16:53:04.917 回答