编程 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 相关文章推荐

Package.js 现代化的JavaScript项目make工具

May 23 Javascript

深入分析js的冒泡事件

Dec 05 Javascript

jQuery控制网页打印指定区域的方法

Apr 07 Javascript

AngularJS基础学习笔记之简单介绍

May 10 Javascript

jQuery基于扩展简单实现倒计时功能的方法

May 14 Javascript

JavaScript中localStorage对象存储方式实例分析

Jan 12 Javascript

MUI 上拉刷新/下拉加载功能实例代码

Apr 13 Javascript

浅谈Vue的加载顺序探讨

Oct 25 Javascript

微信小程序input框中加入小图标的实现方法

Jun 19 Javascript

vue element-ui读取pdf文件的方法

Nov 26 Javascript

在实例中重学JavaScript事件循环

Dec 03 Javascript

使用webpack和rollup打包组件库的方法

Feb 25 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

PHP4引用文件语句的对比

2006/10/09 PHP

BBS(php & mysql)完整版(二)

2006/10/09 PHP

PHP音乐采集(部分代码)

2007/02/14 PHP

LotusPhp笔记之:基于ObjectUtil组件的使用分析

2013/05/06 PHP

php取整函数ceil,floo,round的用法及介绍

2013/08/31 PHP

php Session存储到Redis的方法

2013/11/04 PHP

教你如何在CI框架中使用 .htaccess 隐藏url中index.php

2014/06/09 PHP

php删除txt文件指定行及按行读取txt文档数据的方法

2017/01/30 PHP

thinkphp5框架扩展redis类方法示例

2019/05/06 PHP

JQuery.closest(),parent(),parents()寻找父结点

2012/02/17 Javascript

Jquery创建层显示标题和内容且随鼠标移动而移动

2014/01/26 Javascript

JavaScript高级程序设计（第三版）学习笔记6、7章

2016/03/11 Javascript

javascript正则表达式中分组详解

2016/07/17 Javascript

JavaScript原生编写《飞机大战坦克》游戏完整实例

2017/01/04 Javascript

React Native实现地址挑选器功能

2017/10/24 Javascript

react-router4 配合webpack require.ensure 实现异步加载的示例

2018/01/18 Javascript

webpack4 + react 搭建多页面应用示例

2018/08/03 Javascript

es6 super关键字的理解与应用实例分析

2020/02/15 Javascript

如何解决vue在ios微信"复制链接"功能问题

2020/03/26 Javascript

Node.js API详解之 timer模块用法实例分析

2020/05/07 Javascript

解决VUEX的mapState/...mapState等取值问题

2020/07/24 Javascript

[03:20]2015国际邀请赛全明星表演赛

2015/08/08 DOTA

python版简单工厂模式

2017/10/16 Python

Django在admin后台集成TinyMCE富文本编辑器的例子

2019/08/09 Python

IronPython连接MySQL的方法步骤

2019/12/27 Python

Python基于yaml文件配置logging日志过程解析

2020/06/23 Python

基于python实现ROC曲线绘制广场解析

2020/06/28 Python

Prometheus开发中间件Exporter过程详解

2020/11/30 Python

Photobook澳大利亚：制作相片书，婚礼卡，旅行相簿

2017/01/12 全球购物

Public Desire美国/加拿大：全球性的在线鞋类品牌

2018/12/17 全球购物

婚庆公司的创业计划书

2014/01/22 职场文书

销售员试用期自我评价

2014/09/15 职场文书

2015年环保局工作总结

2015/05/22 职场文书

晚会开场白和结束语

2015/05/29 职场文书

周一早安温馨问候祝福语！

2019/07/15 职场文书

餐饮行业关注的9大营销策略

2019/08/26 职场文书