神奇的marquee--滚动的文字

最新推荐文章于 2021-01-27 10:47:48 发布
最新推荐文章于 2021-01-27 10:47:48 发布
阅读量174 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37238192/article/details/86150120
版权

神奇的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 @ 2017-02-17 10:42 Monroe.Yu 阅读( ...) 评论( ...) 编辑 收藏
MonroeYu
关注
自定义MarqueeTextView字体没有超过屏幕大小也能实现跑马灯效果.
xieyaofeng的博客
11-30 827
第一篇文章小白一名直接上代码吧 第一步:这个是自定义跑马灯的类 public class MarqueeTextView extends android.support.v7.widget.AppCompatTextView { /** * 是否停止滚动 */ private boolean mStopMarquee; private String mText; private float m...
LCD滚动显示汉字.rar
03-30
该设计采用proteus8.6仿真51单片机显示汉字，按上启动按钮，lcd12864开始显示，并滚动显示诗句。
marquee字体太大显示不下，解决方法。
weixin_34233618的博客
06-15 782
<marquee>1234455</marquee>如果字体太大就会出现文字显示不全看上去很别扭。 <marquee style='height:50px;padding-top:20px;'></marquee>设置标签高度 和内补丁显示的位置即可解决（在IE8和IE9下通过） 转载于:https://www.cnblogs.com/zhaos...
marquee 跑马灯
weixin_42029487的博客
08-03 1669
marquee标签详解 标签，它是成对出现的标签，首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。 behavior属性 behavior属性的参数值为alternate、scroll、slide中...
marquee标签详解
weixin_30457881的博客
03-19 767
<marquee>标签，它是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。...
字幕滚动动画-文字滚动-跑马灯-marquee-易语言
06-14
源码名称： 字幕滚动 源码作者： 邓学彬(泪闯天涯) ...类似HTML中的标签，实现文字滚动、跑马灯的效果。 支持设置移动方向、移动速度、鼠标悬停、文本颜色、背景图片等等。 支持设置链接，点击鼠标后跳转链接。
纯文字横向滚动组件 marquee.vue
01-07
JavaScript ，前端，vue
跑马灯特效--文字滚动
11-23
这种特效可以使文字或图像在有限的空间内循环滚动，从而增加信息的展示量，吸引用户的注意力。本文将深入探讨跑马灯特效在文字滚动中的实现原理和应用技巧。 一、实现原理 跑马灯特效主要通过编程语言如JavaScript...
Vue替代marquee标签超出宽度文字横向滚动效果
12-30
一、npm 安装 如果你想安装插件...import marquee from 'marquee-components' Vue.use(marquee ); 在页面使用 <marquee val=msg></marquee> [removed] export default { name: 'app', data () { return
12864带字库_滚动显示程序
12-31
12864带字库_滚动显示程序 /*********************************** 程序：滚屏实验 内容：LCD12864滚动显示图片 软件：keil uVision4 学习板：KST-51 百度作者：花落怎能无痕 整理日期：2015-12-29 修改：无 **********************************/ #include <reg52.h> #include <bmp.h> extern void InitLcd12864(); extern void LcdShowImg(unsigned char *address); void main()
12864滚动显示汉字
05-18
用LCD液晶12864滚动显示汉字 程序可以自己修改
12864文字横向滚动
04-23
硬件平台：c51单片机 （ST7920）12864LCD 功能：文字的横向滚动（程序里面有效果图） 实现语言：c语言 1286自带有垂直滚动，但是自带的垂直滚动并不是连续的等于形同虚设 本例是利用了LCD12864的绘图功能，通过对12864的读写操作实现的 1.本程序是原创程序，请尊重作者。 2.本程序可再开发性强 3.易读性强 本程序里面附带了详细的注释 含程序实现的效果图
marquee标签_html滚动文字
热门推荐
一线工作者的所见、所闻......
03-05 1万+
marquee标签可以让我们在网页中编写的文字动起来，不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置。语法：﹤marquee﹥需要被滚动的文字﹤/marquee﹥：默认下marquee标签中的内容是从左到右滚动的，当然也可以通过marquee标签中的属性来控制不同的滚动方式。marquee标签是块级元素，这就说明它自带了宽高属性，通过CSS样式也能为它规定宽高，同时还能设置标...
TextView循环改变字体大小的跑马灯
指间de忧伤的专栏
07-28 716
使用自定义的TextView去循环改变字体的大小
滚动文字Marquee属性及参数设置
weixin_30443731的博客
10-30 423
滚动字幕Marquee代码大全 基本语法 ------------------------------------------- <marquee>滚动文字 </marquee> 文字移动属性的设置 方向 <direction=#> #=left, right,up,down <marquee direction=left>从右向左移！...
HTML之marquee(文字滚动)详解
qq_43307235的博客
01-27 1万+
以下是一个最简单的例子： 代码如下: <marquee><font size=+3 color=red>Hello, World</font></marquee> Hello, World 下面这两个事件经常用到： onMouseOut=“this.start()” ：用来设置鼠标移出该区域时继续滚动 onMouseOver=“this.stop()”：用来设置鼠标移入该区域时停止滚动 代码如下: onMouseOut=“this.start()” ：用来设
css 文字滚动 marquee
最新发布
05-24
<marquee>这里是滚动的文字</marquee> ``` 你可以通过设置 `direction` 属性来控制滚动方向，例如： ```html <marquee direction="left">这里是向左滚动的文字</marquee> <marquee direction="right">这里是向右...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值