이 기사에서는 웹 페이지 배경을 지속적으로 움직이는 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> js 연속 흐르는 웹 페이지 배경의 구현 </title>
</head>
<바디 배경 = "/images/bg002.jpg">
<script language = "javaScript">
<!- 시작
var backgroundoffset = 0; // 배경 이미지의 오프셋
var bgobject = vali ( 'document.body'); // 문서 자체의 객체를 가져옵니다
함수 scrollbg (maxsize) {//이 기능은 스크롤 배경의 핵심입니다.
BackgroundOffset = BackgroundOffset + 1; // 백그라운드 오프셋에 1 점을 추가합니다
if (backgroundOffset> maxSize) bekgroundOffset = 0; // 오프셋이 최대 값을 초과하면 0으로 돌아갑니다.
bgobject.style.backgroundPosition = "0" + BackgroundOffset; // 배경의 오프셋을 설정하여 효과를 발휘합니다.
}
var scrolltimer = window.setInterval ( "scrollbg (307)", 64); // 배경의 각 움직임 사이의 간격을 설정합니다.
// 종료 ->
</스크립트>
<div style = "위치 : 절대; 상단 : 200; 왼쪽 : 300;">
<table cellPacing = "0"CellPadding = "0">
<tr>
<td> <b> 흐르는 배경이 매우 아름답습니까? </b> </td>
</tr>
</테이블>
</div>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.