admin 管理员组

文章数量: 1184232


2024年2月23日发(作者:axis函数的含义)

[HTML代码]会移动的文字(Marquee)

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于

ALIGN:用于按设定的值对齐滚动的文本。IE3以后的版的浏览器。

格式:

BEHAVIOR="…"

BGCOLOR="…"

DIRECTION="…"

HEIGHT="…"

WIDTH="…"

HSPACE="…"

VSPACE="…"

LOOP="…"

SCROLLAMOUNT="…"

SCROLLDELAY="…"

ONMOUSEOUT=()

ONMOUSEOVER=()

>…

属性:

ALIGN可以设

定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此属性不是必须使用的。

例:

这段滚动文字设定为上对齐

BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。如果设定为ALTERNATE,则文本从一边移动到另一边。如果设定为SCROLL,文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有:SILIDE,ALTERNATE,SCROLL。

例:

文字从一边移动到另一边

BGCOLOR:用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。

例:

用颜色名称设定滚动文

字背景颜色为红色

用16进制值设定滚动文字背景颜色为红色

用RGB设定滚动文字背景颜色为红色

DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。

例:

文字向左边滚动

文字向右边滚动

HEIGHT:用于设定滚动字幕的高度,高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。

例:

滚动字幕的高度是可视页面的10%

滚动字幕的高度是12像素

WIDTH:用于设定字幕的宽度,宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。

例:

滚动字幕的宽度是可视页面的90%

滚动字幕的宽度是200像素

HSPACE:用于设定滚动字幕左右的空白空间,空白空间用像素表示。此属性不是必须使用的。

例:

滚动字幕左右空白空间为15个像素

VSPACE:用于设定滚动字幕上下的空白空间,空白空间用像素表示。此属性不是必须使用的。

例:

滚动字幕上下的空白空间为2个像素

LOOP:用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚动。此属性不是必须使

用的。

例:

文字滚动无数次

文字滚动5次

SCROLLAMOUNT:用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。此属性不是必须使用的。

例:

此文本后面的间隔为10个像素

SCROLLDELAY:用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。此属性不是必须使用的。

例:

此文本两次滚动之间的间隔时间为5毫秒

ONMOUSEOUT=() :用来设置鼠标移出该区域时继续滚动

ONMOUSEOVER=():用来设置鼠标移入该区域时停止滚动

-------------------------------------------------------------

align=center bgColor=#d1f6db border=0>

color=#990033>

BORDER-TOP: 2px solid; PADDING-LEFT: 1px;

PADDING-BOTTOM: 1px; BORDER-LEFT: 2px solid;

LINE-HEIGHT: 20px; PADDING-TOP: 1px; BORDER-BOTTOM:

2px solid" borderColor=#99ccff bgColor=#000000 colSpan=2

height=393>

LINE-HEIGHT: 100%">

LINE-HEIGHT: 

100%">

------------------------------------------------------------

基本语法

...

文字移动属性的设置

方向

#=left, right 从右向左移!

方式

#=scroll, slide, alternate 一圈一圈绕着走!

只走一次就歇了!

来回走

循环

#=次数;若未指定则循环不止(infinite)

width=50% behavior=scroll>只走

3 趟

只走 3 趟

只走 3 趟!

速度

啦啦啦,我走得好快哟!

延时

啦啦啦,我走一步,停一停!

外观(Layout)设置

对齐方式(Align)

#=top, middle, bottom

啦啦啦,我会移动耶!

底色

#=rrggbb 16 进制数码,或者是下列预定义色彩:

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

bgcolor=aaaaee>颜色!

面积

bgcolor=aaeeaa>面积!

空白

(Margins)

align=middle>面积!

我在向上走!

我又下向走了

补充一个无缝连接的循环滚动

scrollDelay=0 loop=1 width=390 height=99>

另一种实现无缝连接循环滚动得方法

TML=TML

function nudeangelMarquee(){

if(Top<=0)

Top-=Height

else

Top++

}

var repeat=setInterval(nudeangelMarquee,50);

eover=function() {clearInterval(repeat);}

eout=function()

{repeat=setInterval(nudeangelMarquee,50);}

-----------------------------------------------------------

#=scroll, slide, alternate

behavior=scroll>一圈一圈绕着走!

最简单的图片移动特效———图片水平向左循环移动


本文标签: 滚动 设定 字幕 文本

更多相关文章

计算机桌面屏保字幕设置,win7系统屏保设置成字幕保护的操作方法

9月前

很多小伙伴都遇到过对win7系统屏保设置成字幕保护进行设置的困惑吧&#xff0c;一些朋友看过网上对win7系统屏保设置成字幕保护设置的零散处理方法&#xff0c;并没有完完全全明白win7系统屏保设置成字幕保护是如何设置的

免费插件集-illustrator插件-Ai插件-文本对象分行

7月前

文章目录1.介绍2.安装3.通过窗口>扩展>知了插件4.功能解释5.总结1.介绍 本文介绍一款免费插件&#xff0c;加强illustrator使用人员工作效率&#xff0c;进行文本对象分行。首先从下载网址下

文本数据分析实战【数据清洗、统计分析、可视化展示、情感分析】

7月前

文本数据分析里面情感分析的应用十分广泛&#xff0c;本质上来说就是一个分类任务&#xff0c;在我之前的文章里面对有对中文数据的情感分析相关的工作&#xff0c;对于英文数据的分析还没有实践过&#xff0c

Notepad2绿色汉化版:编程人员的高效文本编辑器

5月前

本文还有配套的精品资源&#xff0c;点击获取简介&#xff1a;Notepad2是一款专为编程人员设计的轻量级、高效文本编辑器&#xff0c;现在包含中文化的增强功能&#xff0c;实现了更佳的用户

kettle下载百度网盘地址&amp;含入门教程2(文本EXCEL的导入导出)

5月前

Kettle是一款国外开源的ETL工具,纯java编写,可以在Window、Linux、Unix上运行,绿色无需安装,数据抽取高效稳定 百度网盘资源(KETTLE9.0) 链接:https:pan.baidus1fHPQ5lJ

【层级多标签文本分类】Incorporating Hierarchy into Text Encoder: a Contrastive Learning Approach for Hierarchic

5月前

Incorporating Hierarchy into Text Encoder: a Contrastive Learning Approach for Hierarchical Text Classification 1、背景 1

pdf文件转换成word文本文档去水印怎么弄

5月前

PDF怎么转换成Word&#xff1f;现在我们在网上下载的很多文件&#xff0c;或者是办公文件&#xff0c;很多都是PDF格式的没办法编辑&#xff0c;你知道怎么将PDF转换成Word吗&#x

Win7迅雷影音播放器右键菜单的字幕选项是灰色的解决方法

5月前

迅雷影音播放器能够支持各种不同的视频解码&#xff0c;而且还有在线匹配字幕的功能&#xff0c;用户可以在线播放各种热门大片&#xff0c;也可以本地播放收藏的经典大片&#xff0c;很多用户都喜欢使用。但

如何用剪映翻译英文字幕?

5月前

需要借助第三方工具。 这次是小编在上个版本的基础上进行升级&#xff0c;支持并兼容剪映最新版本3.3。 之前小编方包的那款只支持2.3.0以下的。这次剪映pc端所有版本都兼容。可以翻译国外的英文的视频&#xff01;比

解决Edge浏览器中,网页文本不能复制的问题

5月前

1&#xff0c;打开检查&#xff0c;点击菜单栏右侧的齿轮 2&#xff0c;找到“调试程序”一栏&#xff0c;勾选“禁用JavaScript” 3&#xff0c;不要关闭检查窗口&#x

用于图片文本识别的Tesseract-OCR的安装说明(windows10)

4月前

1. Tesseract-OCR的安装 首先下载Tesseract-OCR的安装文件。 下载地址为:(1) https:githubtesseract-ocrtesseractwikiDownloads

案例分享:ChatGPT写python脚本,轻松文本处理

4月前

大家好&#xff0c;我是可夫小子&#xff0c;关注AIGC、读书和自媒体。解锁更多ChatGPT、AI绘画玩法。加&#xff1a;keeepdance&#xff0c;备注&#xff1a;chatg

【好物推荐】Chrome插件“查找和替换”,是Chrome浏览器中一款实用性极强的文本工具插件,通过合理配置规则与运行模式,显著提升文本处理效率。

4月前

在Chrome浏览器的文本处理工具生态中,一款名称直译为“查找和替换”的插件,凭借灵活的文本操作能力和丰富的功能配置,成为提升用户网页文本处理效率的实用工具。以下从功能架构、技术特性、使用场景三方面展开技术解析,为用户提供全面的工具应用指南

制作一个模拟Windows启动界面的文本进度条python

4月前

制作一个模拟Windows启动界面的文本进度条#模拟windowsimport time as tscale50for j in range(12) :if j % 60:print("{0:^50}".f

如何在虚拟机和Linux系统间复制文本

4月前

在安装Ubuntu系统后发现与Windows系统的文件不能相互复制&#xff0c;网上查了很多教程&#xff0c;发现都是不能用的&#xff0c;能实现的方法如下所示&#xff1a;第一步&#xff

综述:基于深度学习的文本分类 --《Deep Learning Based Text Classification: A Comprehensive Review》总结(一)

4月前

文章目录 综述:基于深度学习的文本分类 《Deep Learning Based Text Classification: A Comprehensive Review》论文总结(一) 总结 1.Introduction 文本分类任务 2.

beyondcompare4永久激活密钥违法?不如学AI对比文本差异

4月前

与其破解软件&#xff0c;不如掌握AI驱动的大模型开发新范式在大模型技术席卷全球的今天&#xff0c;工程师们每天都面临一个现实问题&#xff1a;如何高效地训练、微调并部署动辄数十GB的庞然大物&#xf

17、Linux软件包管理与文本编辑器使用指南

4月前

Linux软件包管理与文本编辑器使用指南1. 软件包管理系统在Linux系统中,虽然大多数发行版提供了精美的图形用户界面(GUI)工具来进行软件包管理,但从命令行操作软件包管理系统(PMS)也是可行的。不同的Linux发行版使用不同

23、Linux文本编辑器使用指南

4月前

Linux文本编辑器使用指南1. vim编辑器1.1 编辑数据在插入模式下,可向缓冲区插入数据。但有时在数据已输入到缓冲区后,还需添加或删除数据。在正常模式下,vim编辑器提供了多个用于编辑缓冲区数据的命令,常见编辑命令如下表所

CorelDRAW用户注意啦:AI & PSD文件导入全攻略

2月前

CorelDRAW for Mac如何导入Adobe Illustrator(AI)或Adobe Photoshop(PSD)文件呢?下面给你带来详细的CorelDRAW for Mac使用教程! 1.单击  文件>导入。

发表评论

全部评论 0
暂无评论