编程 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 hashtable实现代码

Oct 13 Javascript

JS 文件大小判断的实现代码

Apr 07 Javascript

编写Js代码要注意的几条规则

Sep 10 Javascript

正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)

Nov 26 Javascript

微信分享的标题、缩略图、连接及描述设置方法

Oct 14 Javascript

javascript工厂方式定义对象

Dec 26 Javascript

在vue项目中引入highcharts图表的方法(详解)

Mar 05 Javascript

vue项目中添加单元测试的方法

Jul 21 Javascript

vue3为什么要用proxy替代defineProperty

Oct 19 Javascript

React Native登录之指纹登录篇的示例代码

Nov 03 Javascript

vue中defineProperty和Proxy的区别详解

Nov 30 Vue.js

React Fragment介绍与使用详解

Nov 11 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

You might like

PHP循环结构实例讲解

2014/02/10 PHP

教你如何解密 “ PHP 神盾解密工具 ”

2014/06/20 PHP

Zend Framework教程之模型Model用法简单实例

2016/03/04 PHP

PHP chunk_split()函数讲解

2019/02/12 PHP

Laravel 实现在Blade模版中使用全局变量代替路径的例子

2019/10/22 PHP

laravel admin实现分类树/模型树的示例代码

2020/06/10 PHP

HR vs CL BO3 第一场 2.13

2021/03/10 DOTA

关于Jqzoom的使用心得 jquery放大镜效果插件

2010/04/12 Javascript

js获得当前时区夏令时发生和终止的时间代码

2014/02/23 Javascript

详解JavaScript表单验证（E-mail 验证）

2016/03/31 Javascript

Angular 表单控件示例代码

2017/06/26 Javascript

用js将long型数据转换成date型或datetime型的实例

2017/07/03 Javascript

详解使用webpack打包编写一个vue-toast插件

2017/11/08 Javascript

js字符串类型String常用操作实例总结

2019/07/05 Javascript

linux系统使用python获取cpu信息脚本分享

2014/01/15 Python

python原始套接字编程示例分享

2014/02/21 Python

Python中取整的几种方法小结

2017/01/06 Python

python使用TensorFlow进行图像处理的方法

2018/02/28 Python

Python numpy实现二维数组和一维数组拼接的方法

2018/06/05 Python

python训练数据时打乱训练数据与标签的两种方法小结

2018/11/08 Python

Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)

2019/12/04 Python

python同义词替换的实现（jieba分词）

2020/01/21 Python

Python运行提示缺少模块问题解决方案

2020/04/02 Python

Python必须了解的35个关键词

2020/07/16 Python

Python txt文件常用读写操作代码实例

2020/08/03 Python

12个不为大家熟知的HTML5设计小技巧

2016/06/02 HTML / CSS

沙特阿拉伯家用电器和电子产品购物网站：Sheta and Saif

2020/04/03 全球购物

介绍下Java的输入输出流

2014/01/22 面试题

防灾减灾活动总结

2014/08/30 职场文书

2014年财政局工作总结

2014/12/09 职场文书

爱心捐款感谢信

2015/01/20 职场文书

2015质检员个人年终工作总结

2015/10/23 职场文书

2016年大学生社区服务活动总结

2016/04/06 职场文书

该怎么书写道歉信？

2019/07/03 职场文书

商业计划书如何写？关键问题有哪些？

2019/07/11 职场文书

mongodb数据库迁移变更的解决方案

2021/09/04 MongoDB