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)


相关推荐

  • ubuntu安装rabbitvcs[通俗易懂]

    ubuntu安装rabbitvcs[通俗易懂]安装RabbitVCS的方法步骤如下:第一步:将rabbitvcs的添加到源里面。(次操作会提示是否要添加到源里面,点击ENTER添加,Ctrl+C不添加),这里选择ENTER方便更新。sudoadd-apt-repositoryppa:rabbitvcs/ppa第二步:根据第一步的情况来是否跳过该步骤,如果第一步出现导入key,那第二步可以跳过,否则需要导入keysudo

  • matlab中的im2bw函数_matlab中tofloat

    matlab中的im2bw函数_matlab中tofloat函数功能:该函数用于填充bai图像区域和“空洞”。语法格式:BW2=imfill(BW)这种du格式将一张二值图像显示在屏zhi幕上,允许用户使用鼠标在图像上点几个点,这几个点围成的区域即要填充的区域。要以这种交互方式操作,BW必须是一个二维的图像。用户可以通过按Backspace键或者Delete键来取消之前选择的区域;通过shift+鼠标左键单击或者鼠标右键单击或双击可以确定选择区…

  • 【面试真经】2020年7月 Linux运维面试题(含答案版)

    【面试真经】2020年7月 Linux运维面试题(含答案版)一.在当前文件目录下,有文件file1查询file1里面空行的所在行号查询file2以abc结尾的行打印出file1文件第一行到第3行二.如何将本地80端口的请求转发到8080端口,当前的主机IP为192.168.2.1三.crontab如何设置在11月份的每天早上6点到12点中,每隔2个小时执行/usr/bin/httpd.sh怎么实现四.编写个shell脚本将/usr/local/test目录下大于100K的文件转移到/tmp目录下五.简述raid0ra

  • Node.js aitaotu图片批量下载Node.js爬虫1.00版[通俗易懂]

    Node.js aitaotu图片批量下载Node.js爬虫1.00版[通俗易懂]即使是https网页,解析的方式也不是一致的,需要多试试。代码://======================================================//aitaotu图片批量下载Node.js爬虫1.00//2017年11月14日//======================================…

  • VS2013 产品密钥 – 所有版本

    VS2013 产品密钥 – 所有版本 VisualStudioUltimate2013KEY(密钥):BWG7X-J98B3-W34RT-33B3R-JVYW9VisualStudioPremium2013KEY(密钥):FBJVC-3CMTX-D8DVP-RTQCT-92494VisualStudioProfessional2013 KEY(密钥): XD…

  • C语言实现关机程序

    C语言实现关机程序这次写一个关机程序,要知道关机程序是shutdown这是关机指令。但这是系统指令,所以要调用执行系统命令的函数,system,但是也要引system的头文件:stdlib.h边写代码边解释#include<stdio.h>#include<stdlib.h>//调用system函数所需的头文件#include<string.h>//调用strcmp所需的头文件intmain(){charinput[20]={0};//这里是创建一个存储字符的数

发表回复

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

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