好用的js加载中效果

2015-5-10 11:05

2,168

79 字

1 分钟内

下面是3个js函数和图片资源，把js和图片放在自己项目中，需要显示、隐藏加载中效果时，调用相应的函数即可。

//显示加载中进度...
function showLoading(){
	if(!loadingIsShow()){
		//filter:alpha(opacity=60);--兼容ie6、7、8
		var loadingDiv = '
';
		$('body').append(loadingDiv);
	}
}
//隐藏加载中进度...
function hideLoading(){
	if(loadingIsShow()){
		$('#loadingdiv').remove();
	}
}
//加载中进度是否已显示
function loadingIsShow(){
	var loadingElement = document.getElementById('loadingdiv');
	if(loadingElement){
		return true;
	}
	return false;
}