js实现网页背景图流动特效 作者：秋了秋 发表时间：2014年09月17日 一小段js让你的网页背景图片流动起来，可以自行变换流动方向，流动速度等。 演示： 以下是程序代码 <html> <head> <title>JS实现的往下不断流动的网页背景</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> <body background="//img.netblog.site/20140417171121.png"> <script language="JavaScript">(function(){ <!-- Begin var backgroundOffset = 0; //背景图片的偏移量 var bgObject = eval('document.body'); //得到文挡本身的对象 function scrollBG(maxSize) { //这个函数就是滚动背景的核心 backgroundOffset = backgroundOffset + 1; //“+/-”控制上升还是下降，数字控制背景流动速度 if (backgroundOffset > maxSize) backgroundOffset = 0; //如果偏移量超过了最大值则回零 bgObject.style.backgroundPosition = "0 " + backgroundOffset; //设定背景的偏移量，使其生效 } var ScrollTimer = window.setInterval("scrollBG(307)", 4); //设定每次移动背景之间的间隔。 // End --> })();</script></p> <div style="position: relative; top: 300;text-align:center;"> <a href="//netblog.cn">你在看什么？</a> </div> <p></body> </html> 提示：可以先修改部分代码再运行 7 文章作者： “秋了秋”个人博客，本站鼓励原创。 转载请注明本文地址：http://netblog.cn/blog/123.html 目录: 网页特效标签: 网页背景流动,js特效 19581次阅读