html5中marquee标签如何用

本篇内容介绍了“html5中marquee标签如何用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

10年积累的网站设计、做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有贡山免费网站建设让你可以放心的选择与我们合作。

在html5中,marquee标签用于创建滚动文本或图像,语法“文本或图像)”;它可以让包含于标签对中的内容在网页上水平或垂直向下滚动,通过设置属性可以控制当文本到达容器边缘发生的事情,例如behavior属性可以控制滚动方式(循环滚动、只滚动一次就停止和来回交替滚动)。

如何快速入门VUE3.0:进入学习

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在html中,marquee的意思为“滚动”。marquee 元素() 用来插入一段滚动的文字。

标签成对出现。内容写在开始 () 和结束 () 标记之间。

该标签用于使文本或图像在网页上水平或垂直向下滚动。你可以使用它的属性控制当文本到达容器边缘发生的事情。

marquee 滚动文字标签

在一个页面中会有很多多媒体元素,比如动态文字、动态图象、音视频等,而最简单的就是天价滚动文字了,在HTML中,如果我们想要添加滚动文字,需要使用marquee标签。

我们先来看一下最简单的示例:



    
        
        marquee
    

    
        Welcom PHPCN!
    

为了显示效果更明显,这里将页面背景设置为黑色,将滚动文字设置为白色,显示效果如图:

html5中marquee标签如何用

这样我们就实现了一个最简单的滚动文字,在滚动文字中还有一些属性用于控制滚动方向、滚动速度等,下面我们就来看一下几个比较常用的属性。

direction 滚动方向属性

默认情况下,文字从右向左滚动,实际应用中,我们可能需要改变方向,就可以通过该属性来设置,该属性可用值有:updownleftright,分别表示向上、向下、向左和向右滚动。
示例如下:




    
        
        marquee
        
    

    
        UP
        DOWN

        LEFT         RIGHT     

html5中marquee标签如何用

behavior 滚动方式属性

通过behavior 可以设置滚动方式,如往复运动等。behavior可用值有:scrollslidealternate,分别表示循环滚动、只滚动一次就停止和来回交替滚动。
示例如下:




    
        
        marquee
        
    

    
        scroll
        slide
        alternate
    

html5中marquee标签如何用

scrolldelay 滚动延迟属性与scrollamount 滚动速度属性

通过scrolldelay属性可以设置文字滚动的时间间隔。scrolldelay 的时间间隔单位是毫秒,这一时间间隔设置为滚动两步之间的时间间隔,如果时间过长,则会出现走走停停的效果。
scrollamount 用于设置滚动的步长。
示例如下:




    
        
        marquee
        
    

    
        Welcom PHPCN!
    

html5中marquee标签如何用

loop 滚动循环属性

如果我们希望文字滚动几次后停止,就可以使用loop属性。

示例如下:




    
        
        marquee
        
    

    
        Welcom CSDN!
    

html5中marquee标签如何用

“html5中marquee标签如何用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


分享名称:html5中marquee标签如何用
转载来于:http://bzwzjz.com/article/gpjgce.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都网站建设 梓潼网站设计 网站制作 重庆网站制作 做网站设计 成都网站制作 网站设计 网站建设费用 成都网站建设 品牌网站建设 成都做网站建设公司 成都网站设计 响应式网站设计 成都商城网站建设 成都网站制作 网站建设方案 重庆电商网站建设 网站建设改版 成都响应式网站建设公司 网站建设 成都网站建设