要设置图片滚动，我们应该首先了解几个html字幕标签的属性：

内部HTML:设置或获取对象的开始和结束标签内的HTML

ScrollHeight:获取对象的滚动高度。

ScrollLeft:设置或获取对象左边界和窗口中当前可见内容最左端之间的距离

ScrollTop:设置或获取对象顶部和窗口中可见内容顶部之间的距离

获取对象的滚动宽度

偏移量：获取对象相对于布局或父坐标(由父坐标偏移量父属性指定)的高度

OffsetLeft:获取对象相对于布局或由offsetParent属性指定的父坐标的计算的左侧位置

偏移量：获取计算出的对象相对于布局或偏移量属性指定的父坐标的顶部位置

偏移量：获取对象相对于布局或父坐标偏移量父属性指定的父坐标的宽度

弄清楚这一点后，让我们看一个滚动的例子：

marqueealign='left '行为='scroll'bgcolor='# FF0000 '方向=' up ' height=' 300 ' width=' 200 ' hs pace=' 50 ' vs pace=' 20 ' loop='-1 ' scroll mount=' 10 ' scroll delay=' 100 ' OnMouseOut=' this . start()' OnMouseOver=' this . stop()'

滚动文本

滚动文本

或者程序代码

img src=' https://img . PHP.cn/upload/course/000/126/153/5a a23 f 0 ded 921649 . jpg '

/marquee

上面我插了一张图，效果是动态的，截图也不是很好，但是我们要看一下，如图：

tuyi.png

这个无缝滚动。我们需要知道里面的性质才能知道原理。没那么难，

html字幕标记的图片滚动描述：

1.marquee/marquee中间的内容可以是文字和图片，也可以是程序生成的文字或图片

2.onMouseOut='this.start()':用于设置鼠标移出区域时继续滚动

OnMouseOver='this.stop()':用于设置鼠标在移动到区域时停止滚动

htmlmarquee标签的图片滚动代码如下：

选取框对齐=' ABS bottom '对齐=' ABS bottom ':底部对齐(与g和p等字母的更低端对齐)。/marquee

选取框对齐=' absmiddle '对齐=' absmiddle ':居中对齐。/marquee

选取框对齐='基线'对齐='基线':下划线对齐。/marquee

选取框对齐='底部'对齐='底部':底部对齐(默认)。/marquee

Marqueealign='left'align='left ':左对齐。/marquee

选取框对齐='中间'对齐='中间':中间对齐。/marquee

选取框对齐='右'对齐='右':右对齐。/marquee

选取框对齐=' texttop '对齐=' texttop ':顶行对齐。/marquee

Marqueealign='top'align='top ':顶部对齐。/marquee

行为：设置滚动方式

交替：指在两端之间来回滚动。

滚动：表示从一端滚动到另一端会重复。

幻灯片：意思是从一端滚动到另一端，不会重复。

htmlmarquee标签的图片滚动代码如下：

字幕行为='交替'交替：表示在两端之间来回滚动。/marquee

Marqueebehavior=' scroll 'scroll:表示从一端滚动到另一端会重复。/marquee

Marqueebehavior=' slide 'slide:表示从一端滚动到另一端，不会重复。/marquee

Bgcolor:设置活动字幕的背景颜色，可以设置RGB，十六进制格式，也可以设置颜色名称。

html字幕标签的优点：

页面的自动滚动效果是可以用javascript实现的，但是今天偶然发现了一个html标签-marquee/marquee，不用js控制就可以实现各种滚动效果。

本文转载自中文网站