zoukankan
html css js c++ java
一段按页自动滚动文字或图片的Js代码
<
div
id
=demo
style
="position:relative;padding:10px;border:solid 1px green;BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: red; HEIGHT: 100px"
>
<
div
id
="demo1"
style
="position:relative;"
>
您的图片或者要滚动的内容1
<
br
>
您的图片或者要滚动的内容2
<
br
>
您的图片或者要滚动的内容3
<
br
>
您的图片或者要滚动的内容4
<
br
>
您的图片或者要滚动的内容5
<
br
>
您的图片或者要滚动的内容6
<
br
>
您的图片或者要滚动的内容7
<
br
>
您的图片或者要滚动的内容8
<
br
>
您的图片或者要滚动的内容9
<
br
>
您的图片或者要滚动的内容10
<
br
>
您的图片或者要滚动的内容12
<
br
>
您的图片或者要滚动的内容13
<
br
>
您的图片或者要滚动的内容14
<
br
>
您的图片或者要滚动的内容15
<
br
>
您的图片或者要滚动的内容16
<
br
>
您的图片或者要滚动的内容17
<
br
>
您的图片或者要滚动的内容18
<
br
>
您的图片或者要滚动的内容19
<
br
>
</
div
>
</
div
>
<
SCRIPT
language
=javascript
>
var
speed
=
2000
;
function
scrollit()
{
var
obj
=
document.getElementById(
"
demo1
"
);
obj.style.posTop
=
obj.style.posTop
-
100
;
var
offH
=
obj.style.posTop
+
obj.offsetHeight;
alert(obj.style.posTop);
if
(offH
<
0
)
{
obj.style.posTop
=
0
;
}
}
setInterval(scrollit,speed);
</
SCRIPT
>
一次滚动一页,如果滚动图片就把div中的数据换为图片,用li元素定义也可以
查看全文
相关阅读:
小小杨的影视空间
关于励志的事情
关于2020年的总结
关于心情不好的时候
关于我的2020年
单链表基本操作的实现
原型模式
android—安卓系统文件目录结构
android——apk安装文件的组成结构
android——项目的组成结构
原文地址:https://www.cnblogs.com/goody9807/p/874380.html
最新文章
ccf代替考研复试成绩
typedef long long ll;数据溢出时使用
vue的:key值
echart初体验
em,rem,px,rpx,%区别
vue axios请求频繁时取消上一次请求
微信小程序小技巧
vue高德地图获取当前位置
单行省略,多行省略
小程序如何引入外部js及其参数
热门文章
微信小程序之使用函数防抖与函数节流
小程序设置数组对象的值
杨小川的空间
假如宇宙中有时光穿梭机
记录一下常用到的代码
43个VIP电影解析接口
常用网站集合
VIP视频解析
网页添加打赏代码
小小杨的相册空间
Copyright © 2011-2022 走看看