marquee用到的属性

marquee用到的属性一、marquee标签的几个重要属性:1.direction:滚动方向(包括4个值:up、down、left、right)说明:up:从下向上滚动;down:从上向下滚动;left:从右向左滚动;

大家好,又见面了,我是你们的朋友全栈君。

     一、marquee标签的几个重要属性:

         1.direction:滚动方向(包括4个值:up、down、left、right)

            说明:up:从下向上滚动;down:从上向下滚动;left:从右向左滚动;right:从左向右滚动。

            语法:<marquee direction=”滚动方向”>…</marquee>

         2.behavior:滚动方式(包括3个值:scroll、slide、alternate)

            说明:scroll:循环滚动,默认效果;slide:只滚动一次就停止;alternate:来回交替进行滚动。

            语法:<marquee behavior=”滚动方式”>…</marquee>

         3.scrollamount:滚动速度(滚动速度是设置每次滚动时移动的长度,以像素为单位)

            语法:<marquee scrollamount=”5″>…</marquee>

         4.scrolldelay:设定滚动两次之间的延迟时间,值大了会有一步一停顿的效果(设置滚动的时间间隔,单位是毫秒)

            语法:<marquee scrolldelay=”100″>…</marquee>

         5.loop:设定滚动循环的次数(默认值是-1,滚动会不断的循环下去)

            语法:<marquee loop=”2″>…</marquee>                        

 

                         <marquee loop=”-1″ bgcolor=”#CCCCCC”>我会不停地走。</marquee>

                         <marquee loop=”2″ bgcolor=”#CCCCCC”>我只走两次哦</marquee>

         6.width、height:设定滚动字幕的宽度、高度

            语法:<marquee width=”500″ height=”200″>…</marquee>

         7.bgcolor:设定滚动字幕的背景颜色(可以是颜色值,也可以是rgb()或rgba()函数)

            语法:<marquee bgcolor=”rgba(0,0,0,0.2)”>…</marquee>

          8.hspace、vspace:空白空间(相当于设置margin值)

             说明:hspace:设定活动字幕里所在的位置距离父容器水平边框的距离,如hspace=“10”,即等同于:margin:0 10px;

                         vspace:设定活动字幕里所在的位置距离父容器垂直边框的距离,如vspace=“10”,即等同于:margin:10px 0;

             语法:<marquee hspace=”10″  vspace=”10″>…</marquee>(等同于:margin:10px;)

          9.align:设定滚动字幕内容的对齐方式(包括9个值:absbottom、absmiddle、baseline、bottom、left、middle、right、                                       texttop、top)

              说明:absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
                          absmiddle:绝对中央对齐
                          baseline:底线对齐
                          bottom:底部对齐(默认)
                          left:左对齐
                          middle:中间对齐
                          right:右对齐
                          texttop:顶线对齐
                          top:顶部对齐

                 语法:<marquee align=”对齐方式”>…</marquee>

           10.face:设定滚动字幕的文字字体

                语法:<marquee font=”楷体_GB2312″></marquee>

           11.color:设定滚动字幕的文字颜色

                语法:<marquee color=”#333″></marquee>

           12.size:设定滚动字幕的文字字号

                语法:<marquee size=”3″></marquee>

           13.STRONG:设定滚动字幕的文字加粗

                语法:<marquee STRONG></marquee>

          二、marquee常用到的两个事件:
               onMouseOut=”this.start()” 用来设置鼠标移出该区域时继续滚动
               onMouseOver=”this.stop()” 用来设置鼠标移入该区域时停止滚动

               <marquee onMouseOut=”this.start()” onMouseOver=”this.stop()”>marquee常用到的两个事件</marquee>                                         

          完整代码如下:

           <marquee id=”affiche” align=”left” behavior=”scroll” bgcolor=”#FF0000″ direction=”up” height=”300″ width=”200″ hspace=”50″            vspace=”20″ loop=”-1″ scrollamount=”10″ scrolldelay=”100″ onMouseOut=”this.start()” onMouseOver=”this.stop()”>

        尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯滚动效果。

 
 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/155312.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 1. Pycharm新建项目[通俗易懂]

    1. Pycharm新建项目[通俗易懂]1.创建Python项目File–newproject(Location选择项目的位置,最后可以加上文件的名字,如Project1),选择好位置后,点击创建,完成项目的创建。2.创建python项目右键选择项目名称(Project1)的文件夹,–new–pythonfile,给文件起名字(如first)3.文件运行写完项目后,单击右键,选择run‘first’4.设置自己的起始模板file–setting–editer–fileandcodetemplates–pyt

    2022年10月29日
  • 通配符掩码计算「建议收藏」

    通配符掩码计算「建议收藏」一,通配符掩码1.通配符掩码的用途和结构①用途通配符掩码(wildcard-mask)路由器使用的通配符掩码与源或目标地址一起来分辨匹配的地址范围,它与子网掩码不同。它不像子网掩码告诉路由器IP地址的哪一位属于网络号一样,通配符掩码告诉路由器为了判断出匹配,它需要检查IP地址中的多少位。②结构通配符掩码中,0表示要检查的位,1表示不需要检查的位通配符掩码中,可以用255.255.255…

  • 查看mysql慢日志_docker查看实时日志的命令

    查看mysql慢日志_docker查看实时日志的命令慢查询日志是否开启showvariableslike’%slow_query_log%’;#如果结果中包含slow_query_log|OFF,则说明慢日志已经关闭#开启慢查询日志的方式:setglobalslow_query_log=1;慢查询sql的设置时间查看慢查询sql的设置时间,默认10s,sql执行时间大于该时间的才是慢sql,才会记录到慢查询…

    2022年10月12日
  • Spring Boot第八章-Spring Data JPA(续)

    Spring Boot第八章-Spring Data JPA(续)

  • 学习java的好书及视频推荐

    学习java的好书及视频推荐转载来自:点击打开链接要想在java领域成为大牛,除了不断进行项目实战以外,还要不断的进行进修和学习,以下将本人学习java多年使用的好书和一些好的视频推荐给大家,这些书和视频都是本人在网络找了很久,后来又经过实践证明的好书和视频。希望对大家学习java有帮助首先,是书的推荐:1学习java,java基础,1.0 入门:HeadFirstJava(

  • docker dockerfile详解_进入docker容器命令

    docker dockerfile详解_进入docker容器命令前言Dockerfile是一个用来构建镜像的文本文件,文本内容包含了一条条构建镜像所需的指令和说明。Dockerfile简介Dockerfile是用来构建Docker镜像的构建文件,是由一系列

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号