#滚动字幕

最新推荐文章于 2024-07-30 16:49:30 发布

初音未来☆

最新推荐文章于 2024-07-30 16:49:30 发布

阅读量111

点赞数 3

分类专栏： H5理论文章标签：前端 javascript html5 html

本文链接：https://blog.csdn.net/qq_74215768/article/details/137746854

版权

H5理论专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一. 简答题（共1题，100分）

1. (简答题)
通过<marquee>标签可以设置简单滚动效果。在网上搜索<marquee>的用法，完成滚动字幕的效果。

正确答案：
<html>
 <head>
  <title>滚动字幕的使用</title>
 </head>
 <body>
    <marquee  direction=left
       behavior="scroll"
       scrolldelay="150"
       bgcolor="blue"
       height="50"
       width="525"> <font size=8 color=yellow>滚动文字可以增加网页的生动性。
   </marquee>
 </body>
<html>

我的答案：

<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>滚动字幕</title>

</head>



<body>

    <center>

        <marquee align="center" behavior="scroll" direction="down" scrollamount="10" scrolldelay="1" width="60%"

            bgcolor="AABBCC">

            <br>

            <font face="隶书" size="35">

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;芙蓉楼送辛渐</font>

            <br>

            <font face="隶书" size="10">

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;唐

                王昌龄

            </font>

            <br>

            <font face="隶书" size="35">

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;寒雨连江夜入吴，<br>

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;平明送客楚山孤。<br>

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;洛阳亲友如相问，<br>

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一片冰心在玉壶。

            </font>

        </marquee>

    </center>



</body>



</html>