1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.     </head>
  7.     <body>
  8.         <!--size是字体大小-->
  9.         <marquee>
  10.             <font face="微软雅黑" color="#8A2BE2" size="1">
  11.                 hello!marquee
  12.             </font>
  13.         </marquee>
  14.         <marquee direction="down" width="100" height="100">
  15.             <font face="仿宋" color="#5F9EA0" size="2">
  16.                 the day you went the day!
  17.             </font>
  18.         </marquee>
  19.         <marquee direction="up">
  20.             <font face="arial black" color="#7FFFD4" size="3">
  21.                 today is 2016-12-22
  22.             </font>
  23.         </marquee>
  24.         <!--滚动一次-->
  25.         <marquee behavior="slide">
  26.             <font face="arial black" color="#7FFFD4" size="4" >
  27.                 that day is 1
  28.             </font>
  29.         </marquee>
  30.         <!--左右来回交替滚动-->
  31.         <marquee behavior="alternate">
  32.             <font face="arial black" color="#7FFFD4" size="5" >
  33.                 that day is 2
  34.             </font>
  35.         </marquee>
  36.         <!--循环滚动-->
  37.         <marquee behavior="scroll">
  38.             <font face="arial black" color="#7FFFD4" size="6" >
  39.                 that day is 3
  40.             </font>
  41.         </marquee>
  42.         <!--scorllamount设置滚动速度-->
  43.         <marquee scrollamount="3">
  44.             <font face="arial black" color="#7FFFD4" size="6" >
  45.                 that day is 4
  46.             </font>
  47.         </marquee>
  48.         <marquee scrollamount="6">
  49.             <font face="arial black" color="#7FFFD4" size="5" >
  50.                 that day is 5
  51.             </font>
  52.         </marquee>
  53.         <marquee scrollamount="9">
  54.             <font face="arial black" color="#7FFFD4" size="4" >
  55.                 that day is 6
  56.             </font>
  57.         </marquee>
  58.         <!--scrolldelay滚动延迟-->
  59.         <marquee scrollamount="100" scrolldelay="100">
  60.             <font face="arial black" color="#7FFFD4" size="6" >
  61.                 that day is 7
  62.             </font>
  63.         </marquee>
  64.         <marquee scrollamount="100" scrolldelay="200">
  65.             <font face="arial black" color="#7FFFD4" size="5" >
  66.                 that day is 8
  67.             </font>
  68.         </marquee>
  69.         <marquee scrollamount="100" scrolldelay="300">
  70.             <font face="arial black" color="#7FFFD4" size="4" >
  71.                 that day is 9
  72.             </font>
  73.         </marquee>
  74.         <!--loop滚动循环次数-->
  75.         <marquee direction="up" loop="10"> <!--循环10次-->
  76.             <font face="arial black" color="#7FFFD4" size="7" >
  77.                 that day is 10
  78.             </font>
  79.         </marquee>
  80.         <!--width、height滚动范围设置-->
  81.         <marquee behavior="alternate" bgcolor="#DEB887" width="500" height="100">
  82.             <font face="arial black" color="#7FFFD4" size="6" >
  83.                 that day is 11
  84.             </font>
  85.         </marquee>
  86.         <!--hspace、vspace滚动空间设置-->
  87.         <marquee hspace="100" vspace="100">
  88.             <font face="arial black" color="#7FFFD4" size="6" >
  89.                 that day is 12
  90.             </font>
  91.         </marquee>
  92.         <!--背景音乐-->
  93.         <bgsound src="music/" loop="5"></bgsound>
  94.         <!--多媒体文件标记-->
  95.         <embed src="" width="播放界面宽度" height="播放界面高度"></embed>
  96.         <!--autostart自动运行|loop是否循环|hidden是否隐藏-->
  97.         <embed src="" autostart="true/false"  loop="true" hidden="true" width="播放界面宽度" height="播放界面高度"></embed>
  98.  
  99.     </body>
  100. </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. android学习9——Handler简单用法

    Handler用来发消息和处理消息.典型的用法是更新界面.android不允许在子线程里面更新界面,通常是把Handler传到子线程中,在子线程里通过sendEmptyMessage函数发消息.Han ...

  2. 做了个新的UWP类库 Sharp2D

    C#开发UWP的时候如果要实现高斯模糊效果的话,最好的选择似乎是微软的Win2D 但是Win2D太过庞大了,仅仅是庞大其实也没啥问题,毕竟net core就很庞大,但Win2d是一个Winmd组件 w ...

  3. Servlet探秘

    学习servlet,最重要的就是理解servlet下面四个点:        1.了解Servlet API的常用接口和类 2.掌握Servlet的生命周期 3.掌握Servlet的部署和配置 4.会 ...

  4. MySQL调优三步曲(慢查询、explain profile)

    在做性能测试中经常会遇到一些sql的问题,其实做性能测试这几年遇到问题最多还是数据库这块,要么就是IO高要么就是cpu高,所以对数据的优化在性能测试过程中占据着很重要的地方,下面我就介绍一些msyql ...

  5. [HDUOJ1312]Red And Black (经典的DFS)

    Hot~~招聘——亚信科技,巴卡斯(杭州),壹晨仟阳(杭州),英雄互娱(杭州) (包括2016级新生)除了校赛,还有什么途径可以申请加入ACM校队? Red and Black Time Limit: ...

  6. 【NodeJs】记录一个阿里云redis的坑

    背景 一个风和日丽的下午,一个上线的大好日子,以为一切准备好,上个线也就三五分钟的事.但是... 图样图森破. 背景是这样的,项目需要,在阿里云开通redis,在项目中配好redis的连接字符串后,以 ...

  7. ThinkPhp框架：有条件的数据库查询、tp框架的其他知识

    上一篇的随笔写的是基本操作,现在可以做一些高级操作,例如有条件的查询数据,有分页的条件查询数据 一.一个条件的查询数据 查询数据自然是先要显示出数据,然后根据条件进行查询数据 (1)显示出表的数据 这 ...

  8. WeMall商城系统的Android app商城中的wemall-mobile代码

    wemall-mobile是基于WeMall的android app商城,只需要在原商城目录下上传接口文件即可完成服务端的配置,客户端可定制修改. [适合研究学习,支持wemall3.x版本] 1.快 ...

  9. 1625: [Usaco2007 Dec]宝石手镯

    1625: [Usaco2007 Dec]宝石手镯 Time Limit: 5 Sec  Memory Limit: 64 MB Submit: 919  Solved: 618 [Submit][S ...

  10. 2659: [Beijing wc2012]算不出的算式

    2659: [Beijing wc2012]算不出的算式 Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 757  Solved: 425[Submit] ...