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


本文摘自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

<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()" onMouseOver="this.stop()">

 需要滚动的文字

 需要滚动的文字

 也可以程序代码

<img src="http://ypimg.muzhuangnet.com/Collect/csharp/upload/course/000/126/153/5aa23f0ded921649.jpg">

 </marquee >

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

tuyi.png

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

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

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

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

    onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

阅读剩余部分

相关阅读 >>

html怎么设置a标签居中

css需要什么环境

html的<abbr>标签

html标记分为哪两种

html base标签有什么作用?base标签的作用分析(附实例)

html禁止右键复制功能

html中如何直接显示html代码

在html中如何实现图片排版

html css怎么隐藏滚动条

html里js怎么使用

更多相关阅读请进入《marquee》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...