编程 Javascript

JS实现往下不断流动网页背景的方法

Posted in Javascript onFebruary 27, 2015

本文实例讲述了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程序设计有所帮助。

JS实现往下不断流动网页背景的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javaScript Array（数组）相关方法简述

Jul 25 Javascript

EXT窗口Window及对话框MessageBox

Jan 27 Javascript

Jquery显示、隐藏元素以及添加删除样式

Aug 09 Javascript

浅析JavaScript中的typeof运算符

Nov 30 Javascript

node.js正则表达式获取网页中所有链接的代码实例

Jun 03 Javascript

关于JavaScript命名空间的一些心得

Jun 07 Javascript

js正则表达式匹配数字字母下划线等

Apr 14 Javascript

JavaScript递归函数解“汉诺塔”算法代码解析

Jul 05 Javascript

js变量值传到php过程详解将php解析成数据

Jun 26 Javascript

微信小程序如何保持登录状态

Aug 16 Javascript

微信小程序 wx:for遍历循环使用实例解析

Sep 09 Javascript

Vue中computed及watch区别实例解析

Aug 01 Javascript

jQuery+easyui中的combobox实现下拉框特效

Feb 27 #Javascript

asp.net+js实现金额格式化

Feb 27 #Javascript

JavaScript检测浏览器cookie是否已经启动的方法

Feb 27 #Javascript

jQuery如何防止这种冒泡事件发生

Feb 27 #Javascript

js实现网页右上角滑出会自动消失大幅广告的方法

Feb 27 #Javascript

JavaScript获取元素尺寸和大小操作总结

Feb 27 #Javascript

JS+CSS实现带关闭按钮DIV弹出窗口的方法

Feb 27 #Javascript