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程序设计有所帮助。

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
You might like
php正则表达式(regar expression)
2011/09/10 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
Codeigniter出现错误提示Error with CACHE directory的解决方案
2014/06/12 PHP
php字符串比较函数用法小结(strcmp,strcasecmp,strnatcmp及strnatcasecmp)
2016/07/18 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
2016/04/12 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
js调用刷新界面的几种方式
2017/05/03 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
2020/07/13 Javascript
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
python ChainMap的使用和说明详解
2019/06/11 Python
vue学习笔记之动态组件和v-once指令简单示例
2020/02/29 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
Python中常用的os操作汇总
2020/11/05 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
校园达人秀策划书
2014/01/12 职场文书
草船借箭教学反思
2014/02/03 职场文书
人事专员职责
2014/02/22 职场文书
公开服务承诺制度
2014/03/26 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
交通工程专业推荐信
2014/09/06 职场文书
公司岗位说明书
2015/10/08 职场文书
2019年最新证婚词精选集!
2019/06/28 职场文书
python中opencv实现图片文本倾斜校正
2021/06/11 Python