本文摘自PHP中文网,作者寻∝梦,侵删。
本篇文章主要介绍了关于html marquee标签的属性及其marquee标签的图片滚动用法实例,大家可以多试验实验,这样效果会更好。下面就让我们一起来看这篇文章吧要想设置图片滚动,我们先了解几个html marquee标签的属性:
innerHTML: 设置或获取位于对象起始和结束标签内的 HTML
scrollHeight: 获取对象的滚动高度。
scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth: 获取对象的滚动宽度
offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft: 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop: 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
offsetWidth: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度
能够把这些弄清楚之后就来看看一个滚动实例吧:
1 2 3 4 5 6 |
|
上面我已经插了一张图片了,效果是动态,截图不太好看,但是我们也要看看,如图:
这个是无缝滚动的。我们要把里面的属性了解了之后才能知道原理。其实也不是很难,
html marquee标签的图片滚动说明:
1.<marquee ></marquee >中间的内容可以为 文字,图片,也可以是由程序生成的文字或图片
2.onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
相关阅读 >>
html base标签有什么作用?base标签的作用分析(附实例)
更多相关阅读请进入《marquee》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者