> 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery를 기반으로 프롬프트 효과 구현 코드 로드

jquery_jquery를 기반으로 프롬프트 효과 구현 코드 로드

WBOY
풀어 주다: 2016-05-16 18:02:43
원래의
1382명이 탐색했습니다.

loading 加载提示 ······ 透明遮罩 居中

loading 加载提示······   progressBar_m

复代码 代码如下:

본문{
여백: 0;
글꼴 크기: 12px;
줄 높이: 100%;
글꼴 계열: Arial, sans-serif;
}
.Background {
디스플레이: 블록;
너비: 100%;
높이: 100%;
불투명도: 0.4;
필터: 알파(불투명도=40);
배경:동안;
위치: 절대;
상단: 0;
왼쪽: 0;
z-색인: 2000;
}
.progressBar {
테두리: 단색 2px #86A5AD;
배경: 흰색 URL(progressBar_m.gif) 반복 없음 10px 10px;
}
.progressBar {
디스플레이: 블록;
너비: 148px;
높이: 28px;
위치: 고정;
상위: 50%;
왼쪽: 50%;
왼쪽 여백: -74px;
여백 상단: -14px;
패딩: 10px 10px 10px 50px;
텍스트 정렬: 왼쪽;
줄 높이: 27px;
글꼴 두께: 굵게;
위치: 절대;
z-색인: 2001;
}


var ajaxbg = $("#배경,#progressBar");
ajaxbg.hide();
$(document).ajaxStart(function () {
ajaxbg.show();
}).ajaxStop(function () {
ajaxbg.hide();
});

작가:曾祥記
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿