首頁 > 開發者 > JavaScript
JS實現往下不斷流動網頁背景的方法，js網頁背景
本文執行個體講述了JS實現往下不斷流動網頁背景的方法。分享給大家供大家參考。具體實現方法如下：
複製代碼 代碼如下:<html>
<head>
<title>JS實現的往下不斷流動的網頁背景</title>
</head>
<body background="/images/bg002.jpg">
<script language="JavaScript">
<!-- Begin
var backgroundOffset = 0; //背景圖片的位移量
var bgObject = eval('document.body'); //得到文擋本身的對象
function scrollBG(maxSize) { //這個函數就是滾動背景的核心
backgroundOffset = backgroundOffset + 1; //將背景位移加1點
if (backgroundOffset > maxSize) backgroundOffset = 0; //如果位移量超過了最大值則回零
bgObject.style.backgroundPosition = "0 " + backgroundOffset; //設定背景的位移量，使其生效
}
var ScrollTimer = window.setInterval("scrollBG(307)", 64); //設定每次移動背景之間的間隔。
// End -->
</script>
<div style="position: absolute; top: 200; left:300;">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><b>流動的背景是不是很漂亮？</b></td>
</tr>
</table>
</div>
</body>
</html>
希望本文所述對大家的javascript程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
