萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS實現往下不斷流動網頁背景的方法

JS實現往下不斷流動網頁背景的方法

 這篇文章主要介紹了JS實現往下不斷流動網頁背景的方法,實例分析了遞歸調用自定義函數scrollBG實現動態背景特效的功能,具有一定參考借鑒價值,需要的朋友可以參考下

   

本文實例講述了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程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved