神奇的marquee--滚动的文字

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--size是字体大小-->
        <marquee>
            <font face="微软雅黑" color="#8A2BE2" size="1">
                hello!marquee
            </font>
        </marquee>
        <marquee direction="down" width="100" height="100">
            <font face="仿宋" color="#5F9EA0" size="2">
                the day you went the day!
            </font>
        </marquee>
        <marquee direction="up">
            <font face="arial black" color="#7FFFD4" size="3">
                today is 2016-12-22
            </font>
        </marquee>
        <!--滚动一次-->
        <marquee behavior="slide">
            <font face="arial black" color="#7FFFD4" size="4" >
                that day is 1
            </font>
        </marquee>
        <!--左右来回交替滚动-->
        <marquee behavior="alternate">
            <font face="arial black" color="#7FFFD4" size="5" >
                that day is 2
            </font>
        </marquee>
        <!--循环滚动-->
        <marquee behavior="scroll">
            <font face="arial black" color="#7FFFD4" size="6" >
                that day is 3
            </font>
        </marquee>
        <!--scorllamount设置滚动速度-->
        <marquee scrollamount="3">
            <font face="arial black" color="#7FFFD4" size="6" >
                that day is 4
            </font>
        </marquee>
        <marquee scrollamount="6">
            <font face="arial black" color="#7FFFD4" size="5" >
                that day is 5
            </font>
        </marquee>
        <marquee scrollamount="9">
            <font face="arial black" color="#7FFFD4" size="4" >
                that day is 6
            </font>
        </marquee>
        <!--scrolldelay滚动延迟-->
        <marquee scrollamount="100" scrolldelay="100">
            <font face="arial black" color="#7FFFD4" size="6" >
                that day is 7
            </font>
        </marquee>
        <marquee scrollamount="100" scrolldelay="200">
            <font face="arial black" color="#7FFFD4" size="5" >
                that day is 8
            </font>
        </marquee>
        <marquee scrollamount="100" scrolldelay="300">
            <font face="arial black" color="#7FFFD4" size="4" >
                that day is 9
            </font>
        </marquee>
        <!--loop滚动循环次数-->
        <marquee direction="up" loop="10"> <!--循环10次-->
            <font face="arial black" color="#7FFFD4" size="7" >
                that day is 10
            </font>
        </marquee>
        <!--width、height滚动范围设置-->
        <marquee behavior="alternate" bgcolor="#DEB887" width="500" height="100">
            <font face="arial black" color="#7FFFD4" size="6" >
                that day is 11
            </font>
        </marquee>
        <!--hspace、vspace滚动空间设置-->
        <marquee hspace="100" vspace="100">
            <font face="arial black" color="#7FFFD4" size="6" >
                that day is 12
            </font>
        </marquee>
        <!--背景音乐-->
        <bgsound src="music/" loop="5"></bgsound>
        <!--多媒体文件标记-->
        <embed src="" width="播放界面宽度" height="播放界面高度"></embed>
        <!--autostart自动运行|loop是否循环|hidden是否隐藏-->
        <embed src="" autostart="true/false"  loop="true" hidden="true" width="播放界面宽度" height="播放界面高度"></embed>

    </body>
</html>
复制代码

 

posted @   Monroe_Yu  阅读(229)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛