자바스크립트로 뱅글뱅글 돌아가는 로딩 화면 만들기
//-----------------------------------------------------
// 로딩 화면 출력
//-----------------------------------------------------
showLoading : function()
{
var appendHtml = "";
appendHtml += "<div id='upLoading' style='display:none; border:0; z-index:100; text-align:center; background:#FFFFF0; filter:alpha(opacity=60); opacity:0.6;'>";
appendHtml += "<span style='display:table-cell; text-align:center; background:white; vertical-align:middle;'>";
appendHtml += "<img src='뱅글뱅글 이미지 경로'/>";
appendHtml += "</span>";
appendHtml += "</div>";
$("body").append(appendHtml);
$("#upLoading").css("position", "absolute");
$("#upLoading").css("left", 0);
$("#upLoading").css("top", 0);
$("#upLoading").css("width", "100%");
$("#upLoading").css("height", "100%");
$("#upLoading").css("display", "table");
}
//-----------------------------------------------------
// 로딩 화면 제거
//-----------------------------------------------------
hideLoading : function()
{
$("#upLoading").css("display", "none");
}
'IT > javascript' 카테고리의 다른 글
| txt(json 방식) 파일을 읽어서 ajax로 db 저장 (0) | 2015.12.23 |
|---|---|
| ajax의 여러가지 사용 법 (C#) (0) | 2015.12.23 |
| Ajax 사용 (Json) (0) | 2015.07.15 |
| .net 자바스크립트 radiobutton Checked (0) | 2015.07.10 |
| textarea 에서 byte(글자) 제한 (0) | 2015.03.06 |