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 相关文章推荐
JSON.stringify 语法实例讲解
Mar 14 Javascript
javascript抖动元素的小例子
Oct 28 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
Nov 19 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
js style动态设置table高度
Oct 21 Javascript
javascript实现获取浏览器版本、浏览器类型
Dec 02 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
May 05 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
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开发中的错误收集,不定期更新。
2011/02/03 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
2013/11/14 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
简单谈谈json跨域
2016/03/13 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
javascript实现Java中的Map对象功能的实例详解
2017/08/21 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
jstree中的checkbox默认选中和隐藏示例代码
2019/12/29 Javascript
js实现简单放大镜效果
2020/03/07 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
[00:34]TI7不朽珍藏III——地穴编织者不朽展示
2017/07/15 DOTA
python 解析html之BeautifulSoup
2009/07/07 Python
Python3匿名函数用法示例
2018/07/25 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
python实现简单颜色识别程序
2020/02/19 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
介绍下Lucene建立索引的过程
2016/03/02 面试题
机械制造与自动化应届生求职信
2013/11/16 职场文书
物流管理专业自荐信
2014/06/23 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
详解Python中的进程和线程
2021/06/23 Python
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python