如何实现在页面上所有内容加载完之前一直显示loading.页面
答案:2 悬赏:0 手机版
解决时间 2021-01-04 16:48
- 提问者网友:眉目添风霜
- 2021-01-04 05:41
如何实现在页面上所有内容加载完之前一直显示loading.页面
最佳答案
- 五星知识达人网友:往事埋风中
- 2021-01-04 06:27
可以用javascript脚本来实现
代码网上有很多 LZ可以搜索下
比如:
<body>
<center>
<script language="javascript" type="text/javascript">
//设定进度条横坐标到屏幕中央
var bar_x_i=screen.width/2-153;
//设定进度条纵坐标到屏幕中央
var bar_y_i=screen.height/2-50;
//将读取进度初始值设定为0
var percent_i=0;
//定义关闭进度显示窗口函数
function closebar()
{
//关闭进度显示窗口
document.all('bar').style.visibility='hidden';
}
//定义显示进度条函数
function loadbar(text_str,plus_i,finished)
{
代码网上有很多 LZ可以搜索下
比如:
<body>
<center>
<script language="javascript" type="text/javascript">
//设定进度条横坐标到屏幕中央
var bar_x_i=screen.width/2-153;
//设定进度条纵坐标到屏幕中央
var bar_y_i=screen.height/2-50;
//将读取进度初始值设定为0
var percent_i=0;
//定义关闭进度显示窗口函数
function closebar()
{
//关闭进度显示窗口
document.all('bar').style.visibility='hidden';
}
//定义显示进度条函数
function loadbar(text_str,plus_i,finished)
{
全部回答
- 1楼网友:你可爱的野爹
- 2021-01-04 06:48
$.loading = function (bool, text) {
var $loadingpage = top.$("#loadingpage");
var $loadingtext = $loadingpage.find('.loading-content');
if (bool) {
$loadingpage.show();
} else {
if ($loadingtext.attr('istableloading') == undefined) {
$loadingpage.hide();
}
}
if (!!text) {
$loadingtext.html(text);
} else {
$loadingtext.html("数据加载中,请稍后…");
}
$loadingtext.css("left", (top.$('body').width() - $loadingtext.width()) / 2 - 50);
$loadingtext.css("top", (top.$('body').height() - $loadingtext.height()) / 2);
}
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯