이 기사에서는 JS가로드 한 페이지가로드되기 전에로드 프롬프트 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
1. JS 코드 :
// 브라우저 페이지의 가시 높이와 너비를 가져옵니다 var _pageHeight = document.documentElement.clientHeight, _pageWidth = document.documentElement.clientWidth; // 상단과 왼쪽의 로딩 상자 사이의 거리를 계산합니다 (하중 상자의 폭은 215px입니다. ? (_pageheight -61) / 2 : 0, _loadingleft = _pagewidth> 215? (_pageWidth -215)/2 : 0; // 페이지가로드되지 않기 전에 표시되는 사용자 정의 컨텐츠 var _loadinghtml = '<div id = "loadingDiv"style = "위치 : 절대 : 0; 너비 : 높이; 높이 :' + _pageHeight + 'PX; BACR 왼쪽으로 : 5px; 효과는 document.write (_loadinghtml); // window.onload = function () {// var loadingMask = document.getElementById ( 'loadingDiv'); // loadingMask.parentNode.removeChild (loadingmask); // 상태로드를 듣게됩니다. 완전 함수 wompleteloading () {if (document.readystate == "complete") {var loadingmask = document.getElementById ( 'loadingDiv'); LoadingMask.parentNode.RemoveChild (LoadingMask); }}2. 효과 :
설명 :
이 JS 코드 섹션을 마지막에 <head>에 넣으십시오.
로딩 효과의 스타일은 자신의 스타일에 따라 수정할 수 있습니다. loading.gif 이미지를 직접 찾아야합니다 (많은 사람들이 온라인으로 제공됩니다).
전체 데모 인스턴스 코드를 다운로드하려면 여기를 클릭하십시오.
jQuery에 대한 자세한 내용은이 사이트에 관심이있는 독자들이 주제를 볼 수 있습니다. "jQuery의 일반적인 고전적인 특수 효과 요약", "일반적으로 사용되는 플러그인의 요약 및 jQuery 사용 요약", "jQuery 테이블의 요약 (테이블) 작동 기술 요약", "jQuery Form offeral Dataks", JQuery Operation Drace의 요약 ", JQuery Operation Skills" " 특수 효과 및 기술 ","jQuery의 Ajax 사용 요약 ","jQuery 애니메이션 및 특수 효과 사용 요약 "및"jQuery 선택기 사용량 요약 ".
이 기사가 모든 사람의 jQuery 프로그래밍에 도움이되기를 바랍니다.