本篇文章主要介绍了关于html marquee标签的属性及其marquee标签的图片滚动用法实例,大家可以多试验实验,这样效果会更好。下面就让我们一起来看这篇文章吧
要想设置图片滚动,我们先了解几个html marquee标签的属性:
innerHTML: 设置或获取位于对象起始和结束标签内的 HTML
scrollHeight: 获取对象的滚动高度。
-
scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
立即学习“前端免费学习笔记(深入)”;
scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth: 获取对象的滚动宽度
offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft: 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop: 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
offsetWidth: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度
能够把这些弄清楚之后就来看看一个滚动实例吧:
上面我已经插了一张图片了,效果是动态,截图不太好看,但是我们也要看看,如图:
这个是无缝滚动的。我们要把里面的属性了解了之后才能知道原理。其实也不是很难,
html marquee标签的图片滚动说明:
1.中间的内容可以为 文字,图片,也可以是由程序生成的文字或图片
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://
2.onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
html marquee标签的图片滚动代码如下:
behavior:设定滚动的方式
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide: 表示由一端滚动到另一端,不会重复。
html marquee标签的图片滚动代码如下:
bgcolor:设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。
html marquee标签的好处:
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。
使用marquee标记不仅可以移动文字,也可以移动图片,表格等.
【小编推荐】
html a标签怎么设置颜色?超链接的颜色设置总结(css样式)









