背景自动滚动

简介:

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


 

 

ContractedBlock.gif 代码

 

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,如需转载请自行联系原作者
目录
相关文章
|
小程序
小程序滚动时使标题背景颜色改变
小程序滚动时使标题背景颜色改变
119 0
|
3月前
|
JavaScript
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
|
5月前
如何实现带背景的镂空文字
如何实现带背景的镂空文字
35 1
|
容器
uniapp滚动页面改变背景颜色
uniapp滚动页面改变背景颜色
347 0
|
前端开发 JavaScript
CSS实现背景跟随滑动的按钮菜单效果
通过transition过渡属性,可以将相关css属性的变化,改为一个持续一段时间的连续过程,而不是使css样式的改变立即生效,其过程按照指定的曲线速率变化......
519 0
CSS实现背景跟随滑动的按钮菜单效果
给输入框设置背景边框
给输入框设置背景边框
165 0
给输入框设置背景边框
html+css实战73-背景-背景图
html+css实战73-背景-背景图
92 0
html+css实战73-背景-背景图
|
前端开发 iOS开发
巧用渐变实现高级感拉满的背景光动画
巧用渐变实现高级感拉满的背景光动画
219 0
巧用渐变实现高级感拉满的背景光动画
一篇文章帮助你理解跑马灯的滚动原理
一篇文章帮助你理解跑马灯的滚动原理
154 0
一篇文章帮助你理解跑马灯的滚动原理
|
前端开发
如何使背景照片覆盖全屏不会随屏幕滚动
如何使背景照片覆盖全屏不会随屏幕滚动
74 0