marquee标签_html滚动文字 小咪咪 2022-05-30 05:08 383阅读 0赞 marquee标签可以让我们在网页中编写的文字动起来,不论是上下滚动还是左右滚动都可以通过**marquee标签**中的属性来设置。语法:﹤marquee﹥需要被滚动的文字﹤/marquee﹥: 默认下marquee标签中的内容是从左到右滚动的,当然也可以通过marquee标签中的属性来控制不同的滚动方式。marquee标签是块级元素,这就说明它自带了宽高属性,通过CSS样式也能为它规定宽高,同时还能设置标签里面的字体大小、颜色、行高等效果。 ### marquee标签的属性设置 ### 1. marquee width="像素值" :设置marquee标签的宽度; 2. marquee height="像素值" :设置marquee标签的高度; 3. marquee hapace="像素值" :设置marquee标签的水平间距; 4. marquee vspace="像素值" :设置marquee标签的垂直间距; 5. marquee bgcolor="颜色值":设置marquee标签的背景颜色; 6. marquee style="规定样式":设置marquee标签的CSS样式; #### direction:设置文字的滚动方向 #### 1. marquee direction="up" :从下往上滚动; 2. marquee direction="down" :从上往下滚动; 3. marquee direction="left" :从右往左滚动;默认值; 4. marquee direction="right":从左往右滚动; #### behavior:设置文字的滚动方式 #### 1. marquee behavior="side" :只滚动一次就停止; 2. marquee behavior="srcoll":循环滚动;默认值; 3. marquee behavior="alternate":来回滚动;如果让文字上下来回滚动,需给marquee元素一个高度; #### scrollamount:设置文字的滚动速度 #### 通过scrollamount属性设置**滚动文字**速度,属性值以数字代表,数值越大滚动越快,反之越慢。 1. marquee scrollamount="1" :非常慢; 2. marquee scrollamount="5" :速度一般; 3. marquee scrollamount="10":速度较快; 4. marquee scrollamount="80":非常快; #### scrolldelay:设置滚动文字延迟时间 #### 通过scrollamount属性设置**滚动文字**的延迟时间,属性值以数字代表,数值越大延迟越长,反之越短。 1. marquee scrollamount="10" :延迟较短; 2. marquee scrollamount="50" :延迟一般; 3. marquee scrollamount="100":延迟较长; #### loop:设置滚动文字循环次数 #### 默认下滚动文字会无限循环的滚动,通过loop属性可以让文字在滚动完规定的次数后停止滚动。 1. marquee loop="-1":无限循环滚动,默认值; 2. marquee loop="5" :文字在滚动完5次后停止滚动; 3. marquee loop="50":文字在滚动完50次后停止滚动; 通过以上属性,使用**marquee标签**来设置一个完整的滚动元素,其中宽度为600像素;高度40像素;背景颜色草绿色;滚动文字从左往右;滚动方式默认循环;滚动速度5;marquee元素垂直间距上下各10像素;代码如下: ﹤marquee width="600px" height="40px" bgcolor="\#99FF66" direction="right" scrollamount="5" vspace="10"﹥ **html滚动文字** ﹤/marquee﹥
还没有评论,来说两句吧...