DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS實現往下不斷流動網頁背景的方法
JS實現往下不斷流動網頁背景的方法
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved