<!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>

神奇的marquee--滚动的文字的更多相关文章

  1. marquee 滚动到文字上时停止滚动，自定义停止方法

    我要实现的效果如下图:当鼠标移到续费提醒文字上时,文字滚动停止,并出现后面的关闭按钮:当鼠标移出文字时,文字继续滚动,后面的关闭按钮不显示. 在网上查到的marquee停止滚动的的代码是这样的: &l ...

  2. <marquee>滚动文字</marquee>

    <marquee>滚动文字</marquee> 水平滚动: <marquee direction=">水平滚动字幕内容</marquee> 垂 ...

  3. js 滚动的文字（走马灯）

    // 滚动的文字 function marqueeScroll() { //var $target = $(".marquee_outer:visible"); if($(&quo ...

  4. Marquee滚动字幕设置(转)

    <marquee >滚动文字 </marquee> 方向 <direction=#> #=left, right,up,down 方式<bihavior=#& ...

  5. marquee滚动效果

    转载两篇文章: http://blog.sina.com.cn/s/blog_49ce67fc0100atb4.html https://baike.1688.com/doc/view-d359560 ...

  6. HTML+CSS教程（三）marquee滚动效果

    一.marquee 1.marquee标签的属性scrollHeight:获取对象的滚动高度.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.scrollTop: ...

  7. 基于HTML5+CSS3的图片旋转、无限滚动、文字跳动特效

    本文分享几种基于HTML5+CSS3实现的一些动画特效:图片旋转.无限滚动.文字跳动;实现起来均比较容易,动手来试试! 一.图片旋转 效果图如下: 这个效果实现起来其实并不困难.代码清单如下: < ...

  8. jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码

    jquery单行滚动.批量多行滚动.文字图片翻屏滚动效果代码,需要的朋友可以参考下. 以下代码,运行后,需要刷新下,才能加载jquery,要不然看不到效果.一.单行滚动效果 <!DOCTYPE ...

  9. repeater控件 + marquee标签 实现文字滚动显示

    各种信息网站.BBS等网站上的公告信息模块的实现 拖出一个repeater控件绑定数据库中要显示的信息 在repeater的 <ItemTemplate> ... </ItemTem ...

随机推荐

  1. java(jdk1.7) IO系列01之InputStream和OutputStream解析

    1.InputStream和OutputStream简介 在java中InputStream和OutputStream分别代表字节输入流和字节输出流,表示以字节的方式来实现进程或者程序的通信,Inpu ...

  2. oracle 用系统用户以SYSDBA身份登陆

    最近发现很多人问我 这么直接用系统OS用户 登陆 oracle : 1.首先通过用管理身份打开DOS命令窗口: 然后使用命令: sqlplus / as sysdba 即可: 其实这个命令和用sys用 ...

  3. x86主机搭建家庭智能路由系统 ---- 设计篇

    组件简介 Proxmox: 基于Debian的虚拟化系统,支持OpenVZ和KVM. pfSense: 基于FreeBSD的开源路由系统. FreeNAS: 开源NAS系统. shadowsocks: ...

  4. canvas小球动画原理

    随着html5发展,canvas标签作为h5革命性的发展标志也越来越流行.canvas标签的强大之处,不仅在于它可以作为一个独立的画布,也可以利用canvas做一些动画而不用导入flash文件.同时, ...

  5. Asp.Net Core Authentication Middleware And Generate Token

    .mytitle { background: #2B6695; color: white; font-family: "微软雅黑", "宋体", "黑 ...

  6. ACM 整数划分（四）

    整数划分(四) 时间限制:1000 ms  |  内存限制:65535 KB 难度:3   描述 暑假来了,hrdv 又要留学校在参加ACM集训了,集训的生活非常Happy(ps:你懂得),可是他最近 ...

  7. Intellij Idea自动加载改动文件和自动自动热部署加载

    1:准备原料 我的Intellij Idea的版本是15. 之后tomcat自动加载修,你只需要在浏览器刷新一下页面即可. ************************************** ...

  8. 菜鸟笔记：node.js+mysql中将JSON数据构建为树（递归制作树状菜单数据接口）

    初学Web端开发,今天是第一次将所学做随笔记录,肯定存在多处欠妥,望大家海涵:若有不足,望大家批评指正. 进实验室后分配到的第一个项目,需要制作一个不确定层级树形菜单的数据接口,对于从来没实战编过程的 ...

  9. JDBC(上)

    1. 课程回顾 mysql加强 1)数据约束(表约束) 默认值: default 默认值 非空:   not null 唯一: unique 主键: primary key (非空+唯一) 自增长: ...

  10. windows phone 8.1常用启动器实例

    ---恢复内容开始--- 小梦今天给大家分享一下windows phone 8.1常用启动器实例,包括: 电话启动器 短信启动器 邮件启动器 添加约会|备忘到日历 地图启动器 地图路线启动器 wind ...