源来页 公告 登陆

HTML字幕<marquee>滚动文字等

composer @Ta
2020-01-25 21:16

此页面包含HTML字幕代码,您可以在自己的网站或博客上使用。具体来说,它使用HTML <marquee>元素创建选取框。
请注意,HTML <marquee>标记是非标准HTML,建议您改用CSS Marquee。
但是,如果您出于某些原因不使用CSS,则下面是HTML字幕的代码。

滚动文字
这是您可以使用HTML <marquee>标记执行操作的示例。
<marquee behavior="scroll" direction="left">HTML marquee...</marquee>

滚动图像
这是滚动图像的示例。我们所做的就是将HTML 图像代码放置在<marquee></marquee>标签之间。
<marquee behavior="scroll" direction="left"><img src="//www.html.am/images/html-codes/marquees/fish-swimming.gif" width="94" height="88" alt="Swimming fish" /></marquee>

弹跳文字
您还可以使内容来回反弹。为此,请使用behavior="alternate"。
<marquee behavior="alternate">Bouncing text...</marquee>

垂直滚动
您也可以垂直滚动-只需使用direction="up"或即可direction="down"。
<marquee behavior="scroll" direction="down">Scroll down...</marquee>


HTML字幕与CSS字幕
HTML <marquee>字幕(即使用标记编码)是一种将字幕添加到您的网页或博客的快速简便的方法。只需一行代码,您就可以滚动文本或图像。而且代码很容易记住-只是<marquee>标签加上一些属性。
<marquee>标签的问题在于它实际上不是官方HTML规范的一部分。因此,如果您需要HTML页面完全符合标准,则需要避免使用HTML选取框,而应使用CSS选取框。
CSS字幕可以使用CSS动画进行编码。CSS动画已包含在官方CSS规范中(来自CSS3),因此,您可以使用选取框,同时保持网页完全符合标准。
CSS选取框的主要缺点是它们可能需要更长的代码编写时间(需要更多代码)。但是,它们功能更强大,您可以使用它们来创建高级动画以及简单的选取框。
鉴于CSS与内容的样式有关,而HTML与HTML无关,因此CSS是用于选取框的逻辑工具。
阅:2064 发表于2020-01-25 21:16
#其他教程
评论:

返回源来页/返回首页


天合之作 曲在人意

心灵鸡汤:
      

®2019-2024 all power by Zlproject3.7
川公网安备 51192202000151号
蜀ICP备2021014921号-2 首页 #top

本网站由提供CDN加速/云储存服务

天合之作 曲在人意