html marquee标签如何设置图片滚动？marquee标签的图片滚动代码实例

要想设置图片滚动，我们先了解几个html marquee标签的属性：

innerHTML: 设置或获取位于对象起始和结束标签内的 HTML

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

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

scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth: 获取对象的滚动宽度

offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

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

offsetTop: 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

offsetWidth: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度

能够把这些弄清楚之后就来看看一个滚动实例吧：

 marquee align= left behavior= scroll bgcolor= #FF0000 direction= up height= 300 width= 200 hspace= 50 vspace= 20 loop= -1 scrollamount= 10 scrolldelay= 100 onMouseOut= this.start() quot;this.stop()  需要滚动的文字 需要滚动的文字 也可以程序代码 img src= http://img.VeVb.com/upload/course/000/126/153/5aa23f0ded921649.jpg  /marquee 

上面我已经插了一张图片了，效果是动态，截图不太好看，但是我们也要看看，如图：

这个是无缝滚动的。我们要把里面的属性了解了之后才能知道原理。其实也不是很难，

html marquee标签的图片滚动说明：

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

2.onMouseOut= this.start() ：用来设置鼠标移出该区域时继续滚动

quot;this.stop() ：用来设置鼠标移入该区域时停止滚动

html marquee标签的图片滚动代码如下:

 marquee align= absbottom align= absbottom ：绝对底部对齐（与g、p等字母的最下端对齐）。 /marquee  marquee align= absmiddle align= absmiddle ： 绝对中央对齐。 /marquee  marquee align= baseline align= baseline ： 底线对齐。 /marquee  marquee align= bottom align= bottom ： 底部对齐（默认）。 /marquee  marquee align= left align= left ： 左对齐。 /marquee  marquee align= middle align= middle ： 中间对齐。 /marquee  marquee align= right align= right ： 右对齐。 /marquee  marquee align= texttop align= texttop ： 顶线对齐。 /marquee  marquee align= top align= top ： 顶部对齐。 /marquee 

behavior：设定滚动的方式

alternate： 表示在两端之间来回滚动。

scroll： 表示由一端滚动到另一端，会重复。

slide： 表示由一端滚动到另一端，不会重复。

html marquee标签的图片滚动代码如下:

 marquee behavior= alternate alternate：表示在两端之间来回滚动。 /marquee  marquee behavior= scroll scroll：表示由一端滚动到另一端，会重复。 /marquee  marquee behavior= slide slide： 表示由一端滚动到另一端，不会重复。 /marquee 

bgcolor：设定活动字幕的背景颜色，背景颜色可用RGB、16进制值的格式或颜色名称来设定。

html marquee标签的好处：

页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - marquee /marquee 可以实现多种滚动效果，无需js控制。

使用marquee标记不仅可以移动文字，也可以移动图片，表格等.

【小编推荐】

html中的字体颜色怎么设置？css设置字体颜色方法介绍

html a标签怎么设置颜色？超链接的颜色设置总结（css样式）

以上就是html marquee标签如何设置图片滚动？marquee标签的图片滚动代码实例的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。