Rumah > hujung hadapan web > html tutorial > html中滚动条的代码是什么?如何设置html滚动条?

html中滚动条的代码是什么?如何设置html滚动条?

寻∝梦
Lepaskan: 2018-09-04 11:30:54
asal
13692 orang telah melayarinya

本篇文章主要介绍了关于html中的滚动条的代码,还有关于html 滚动条代码marquee标签属性的用法,具体的让我们一起来看这篇文章吧

首先我们介绍html中的滚动条代码:

今天我们介绍这个html滚动条标签是marquee.

标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。

现在说说设置HTML滚动条:

这时候我们看看marquee标签如何利用它的属性来实现html滚动条的。

1.html marquee标签的behavior属性 :

behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次,需要注意的是:如果在标签中同时出现了direction和behavior属性,那么scroll和slide的滚动方向将依照direction属性中参数的设置。 

<marquee behavior="alternate">我来回滚动</marquee> 
<marquee behavior="scroll">我单方向循环滚动</marquee>
<marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee> 
<marquee behavior="slide">我只滚动一次</marquee> 
<marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>
Salin selepas log masuk

样式很好看,都是动态的,截图截不出来,大家有兴趣的可以在这里实践,只要把上面的代码复制下来,然后再http://www.php.cn/code/26516.html这里粘贴上去,就立马能看见效果,不需要再把代码补充完好才能显示了,这里可以显示很多你想要看的东西。

这只是其中的一个属性,接下来还有几个属性,让我们一起来看看吧:

2.html marquee标签的bgcolor属性:

文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。如下所示:

<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是红色的</marquee>
Salin selepas log masuk

3.html marquee标签的direction属性 :

文字滚动的方向,属性的参数值有down、left、right、up共四个单一可选值,分别代表滚动方向向下、向左、向右、向上。如下所示:

    <marquee direction="right">我向右滚动</marquee> 
    <marquee direction="right">我向下滚动</marquee>
Salin selepas log masuk

4.html marquee标签的width和height属性 :

width和height属性的作用决定滚动文字在页面中的矩形范围大小。width属性用以规定矩形的宽度,height属性规定矩形的高度。这两个属性的参数值可以是数字或者百分数,数字表示矩形所占的(宽或高)像素点数,百分数表示矩形所占浏览器窗口的(宽或高)百分比。如下所示:

    <marquee width="300" height="30" bgcolor="red">我宽300像素,高30像素。</marquee>
Salin selepas log masuk

5.html marquee标签的scrollamount和scrolldelay属性 :

这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。如下所示:

    <marquee scrollamount="100">我速度很快.</marquee> 
    <marquee scrollamount="50">我慢了些。</marquee> 
    <marquee scrolldelay="30">我小步前进。</marquee> 
    <marquee scrolldelay="1000" scrollamount="100">我大步前进。</marquee>
Salin selepas log masuk

6.html marquee标签的align属性:

这个属性决定滚动文字位于距形内边框的上下左右位置。您也可以将之间的内容替换为图像或其它对象等功能。

关于html marquee标签的注释: 

marquee元素的默认宽度与其父元素的宽度相等。如果marquee位于没有指定宽度的td内,你就需要明确设置marquee的宽度。如果marquee和td的宽度都没有指定,那么滚动字幕就将限定于1个像素宽。

要创建垂直滚动的字幕,请将其scrollLeft属性设定为0。要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置。 

scrollLeft和scrollTop属性当字幕滚动时为只读。当不处于滚动状态时,scrollLeft对于设置为水平滚动的字幕来说为可读写,scrolltop对于设置为垂直滚动的字幕来说为可读写。 

此元素在Microsoft® Internet Explorer 3.0的HTML中可用,在Internet Explorer4.0的脚本中可用。 

此元素是块元素。 

此元素需要关闭标签。 

【小编推荐】

HTML中如何加下划线?html标签添加下划线的用法实例

html button标签的样式怎么设置?html button标签的样式介绍

Atas ialah kandungan terperinci html中滚动条的代码是什么?如何设置html滚动条?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan