背景自动滚动

简介:

From:http://bbs.blueidea.com/thread-2970016-1-1.html


 

 

代码

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<! DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html  xmlns="http://www.w3.org/1999/xhtml">
< head >
< meta  http-equiv="Content-Type" content="text/html; charset=utf-8" />
< title >无标题文档</ title >
< script  type="text/javascript">
window.onload = function(){
     var scrollBackground = {
         object:document.getElementById("scrollBackground"),
         endTop:3700,
         nowTop:0
     };
     
     var scrollInterval = setInterval(function(){
         scrollBackground.nowTop = (scrollBackground.nowTop!=scrollBackground.endTop)?(scrollBackground.nowTop+1):0;
         scrollBackground.object.style.backgroundPosition = "0px -" + scrollBackground.nowTop + "px";
     },50);
}
</ script >
</ head >
< body  style="margin:0; padding:0">
< div  id="scrollBackground" style="width:1440px; height:300px; background:url(http://youlove.us/template/theme/youloveus/img/bg.jpg) no-repeat 0 0"></ div >
</ body >
</ html >
1
 




本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/04/13/1711013.html,如需转载请自行联系原作者
目录
相关文章
|
10月前
如何实现带背景的镂空文字
如何实现带背景的镂空文字
66 1
2022VS空白背景太无聊,不妨自己设置背景
2022VS空白背景太无聊,不妨自己设置背景
|
Web App开发 前端开发 JavaScript
css黏性定位-实现商城的分类滚动的标题吸附
css黏性定位-实现商城的分类滚动的标题吸附
138 0
html+css实战73-背景-背景图
html+css实战73-背景-背景图
114 0
html+css实战73-背景-背景图
html+css实战74-背景-背景平铺
html+css实战74-背景-背景平铺
173 0
html+css实战74-背景-背景平铺
|
JavaScript
动态轮播滚动效果
动态轮播滚动效果
145 0
|
前端开发 iOS开发
巧用渐变实现高级感拉满的背景光动画
巧用渐变实现高级感拉满的背景光动画
254 0
巧用渐变实现高级感拉满的背景光动画
|
XML Java Android开发
Android开发案例 设置背景图片轮播
Android开发案例 设置背景图片轮播
217 0
Android开发案例 设置背景图片轮播
一篇文章帮助你理解跑马灯的滚动原理
一篇文章帮助你理解跑马灯的滚动原理
197 0
一篇文章帮助你理解跑马灯的滚动原理