滚动效果--marquee的使用

1. <marquee></marquee>标签，默认从最右侧往左滚动；

2. marquee 支持的属性

（1）behavior设置滚动方式：

<marquee behavior="alternate">我是来回滚动</marquee>
<marquee behavior="scroll">我是重复滚动</marquee>
<marquee behavior="slide">我是不重复滚动</marquee>

（2）direction设置滚动方向：

<marquee direction="up">我是向上滚动</marquee>
<marquee direction="down">我是向下滚动</marquee>
<marquee direction="left">我是向左滚动</marquee>
<marquee direction="right">我是向右滚动</marquee>

（4）设置滚动次数：

<marquee loop="-1">我会一直滚动</marquee>
<marquee loop="2">我只滚动2次</marquee>

（5）.marquee 常用的事件：

<marquee onMouseOut="this.start()" >鼠标移出时滚动</marquee>

<marquee onMouseOver="this.stop()">鼠标移入时停止滚动</marquee>

<!DOCTYPE html>
<html><head><title>MyHtml.html</title></head><body><marquee onMouseOut="this.start()" onMouseOver="this.stop()" ><font size=3 color=red>Hello, World，CSS</font></marquee></body>
</html>

转载于:https://www.cnblogs.com/damoblog/p/8746342.html

滚动效果--marquee的使用相关推荐

JQuery Marquee插件(无缝滚动效果)- marquee.js
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
多种方式实现字幕滚动效果
1.html5有marquee标签来直接实现字幕的滚动效果 <marquee direction=down scrolldelay="10" scrollamount=&q ...
html制作滚动游戏,HTML标签marquee实现滚动效果的简单方法(必看)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
vue内容横向循环滚动_Vue替代marquee标签超出宽度文字横向滚动效果
一.npm 安装如果你想安装插件(自己写的) 安装 # install dependencies npm i marquee-components 使用在main.js引入 import marq ...
分别用marquee和div+js实现首尾相连循环滚动效果
分别用marquee和div+js实现首尾相连循环滚动效果,特效代码非常精简,仅3行实现! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...
html自动滚动效果,HTML标签marquee实现滚动效果的简单方法(必看)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
marquee 实现首尾相连循环滚动效果
<marquee></marquee>可以实现多种滚动效果,无需js控制.使用marquee标签不仅可以滚动文字,也可以滚动图片,表格等 marquee标签不是HTML3.2 ...
HTML中marquee实现图片滚动,HTML标签marquee实现滚动效果(示例代码)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
html marquee滚动效果,HTML标签marquee实现滚动效果(示例代码)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...

滚动效果--marquee的使用

滚动效果--marquee的使用相关推荐

最新文章

热门文章