JS는 페이지를 로드할 때 로드 진행률 표시줄을 구현합니다.
- 高洛峰원래의
- 2016-12-16 16:53:131971검색
페이지 로딩 시 로딩 진행 표시줄이 있는 JS 구현
페이지 로딩 시 로딩 구현 방법
로딩 구현은 아마도 이를 의미할 것입니다. 먼저 표시할 콘텐츠를 숨기고, 먼저 로딩 텍스트나 그림 등을 표시한 다음 문서가 로드된 후에 내용이 표시되고 로딩은 숨겨집니다.
여기서는 jquery를 사용했는데, 사용하든 안하든 상관없습니다.
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js">
</script>
/** * 页面加载完成后显示页面 */
function showPage(){ $('#divPageLoading').remove();
$('#divPageBody').show(); }
</head>
<body onload="showPage();">
<div id="divPageLoading">
<img src="pageloading.gif" style="width:120px;height:120px;position:absolute;left:45%;top:40%;"/>
</div>
<div id="divPageBody" style="display:none;"> ……
</div>
</body>
</html>페이지 로드 시 진행률 표시줄 로드에 대한 JS 구현에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요. !
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.