marquee(文字滚动)标签
marquee(文字滚动)标签
marquee简介
<marquee>
标签,是成对出现的标签,首标签<marquee>
和尾标签</marquee>
之间的内容就是滚动内容。<marquee>
标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。
marquee属性
behavior属性
- behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次.
注意
- 如果在
<marquee>
标签中同时出现了direction和behavior属性,那么scroll和slide的滚动方向将依照direction属性中参数的设置。
bgcolor属性
- 文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。
direction属性
- 文字滚动的方向,属性的参数值有down、left、right、up共四个单一可选值,分别代表滚动方向向下、向左、向右、向上。
width和height属性
- width和height属性的作用决定滚动文字在页面中的矩形范围大小。
- width属性用以规定矩形的宽度,height属性规定矩形的高度。
- 这两个属性的参数值可以是数字或者百分数,数字表示矩形所占的(宽或高)像素点数,百分数表示矩形所占浏览器窗口的(宽或高)百分比。
hspace和vspace属性
- 这两个属性决定滚动矩形区域距周围的空白区域.
loop属性
- loop属性决定滚动文字的滚动次数,缺省是无限循环。参数值可以是任意的正整数,如果设置参数值为-1或infinite时将无限循环。
scrollamount和scrolldelay属性
- 这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。
align属性
- 这个属性决定滚动文字位于距形内边框的上下左右位置。
注意
- 您也可以将
<marquee>
和</marquee>
之间的内容替换为图像或其它对象等功能。
各个属性参数
- direction 表示滚动的方向,值可以是left,right,up,down,默认为left
- behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
- loop 表示循环的次数,值是正整数,默认为无限循环
- scrollamount 表示运动速度,值是正整数,默认为6
- scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
- align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
- bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
- height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度。
- hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
- οnmοuseοver=this.stop() οnmοuseοut=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
综合实例
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>marquee</title>
</head><body><marquee direction="up">我向上滚动</marquee><hr><marquee direction="down">我向下滚动</marquee><hr><marquee direction="left">我向左滚动</marquee><hr><marquee direction="right">我向右滚动</marquee><hr><marquee scrollamount="10">我速度很慢</marquee><hr><marquee scrollamount="100">我速度很快</marquee><hr><marquee scrolldelay="30">我小步前进。</marquee><hr><marquee scrolldelay="1000" scrollamount="100">我大步前进。</marquee><hr><marquee loop="1">我滚动一次</marquee><hr><marquee loop="2">我滚动两次</marquee><hr><marquee loop="infinite">我无限循环滚动</marquee><hr><marquee behavior="alternate">我来回滚动</marquee><hr><marquee behavior="scroll">我单方向循环滚动</marquee><hr><marquee behavior="scroll" direction="up" height="30">我单方向向上循环滚动</marquee><hr><marquee behavior="slide">我只滚动一次</marquee><hr><marquee behavior="slide" direction="up">我向上只滚动一次</marquee><hr><marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是红色的</marquee><hr><marquee width="600" height="50" bgcolor="red">我宽300像素,高30像素。</marquee><hr><marquee width="300" height="30" vspace="10" hspace="10" bgcolor="red">我矩形边缘水平和垂直距周围各10像素。</marquee><hr><marquee width="300" height="30" vspace="50" hspace="50" bgcolor="red">我矩形边缘水平和垂直距周围各50像素。</marquee><hr><marquee align="absbottom">绝对底部对齐</marquee><hr><marquee align="absmiddle">绝对中央对齐</marquee><hr><marquee align="baseline">底线对齐</marquee><hr><marquee align="bottom">底部对齐(默认)</marquee><hr><marquee align="left">左对齐</marquee><hr><marquee align="middle"> 中间对齐</marquee><hr><marquee align="right">右对齐</marquee><hr><marquee align="texttop">顶线对齐</marquee><hr><marquee align="top">顶部对齐</marquee>
</body></html>
marquee(文字滚动)标签相关推荐
- html marquee css,HTML之marquee(文字滚动)详解_html/css_WEB-ITnose
语法: 以下是一个最简单的例子: 代码如下: Hello, World 下面这两个事件经常用到: onMouseOut="this.start()" :用来设置鼠标移出该区域时继续 ...
- HTML之marquee(文字滚动)详解
以下是一个最简单的例子: 代码如下: <marquee direction="right" bgcolor="#fff" scrolldelay=&quo ...
- html里面有一个控制文字滚动的标签marquee,比较有用。
本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字 ...
- android 文字滚动组件,Android textview 跑马灯文字滚动效果
设置如下TextView控件文件的XML: android:id="@+id/textview" android:layout_width="match_parent&q ...
- 各种文字滚动效果代码
几排文字向上滚动 <MARQUEE direction=up οnmοuseοut=start(); οnmοuseοver=stop(); scrollAmount=1 scrollDelay ...
- html 控制文字的标签,html里面有一个控制文字滚动的标签marquee,比较有用。
简介这篇文章主要介绍了html里面有一个控制文字滚动的标签marquee,比较有用.以及相关的经验技巧,文章约3183字,浏览量161,点赞数4,值得参考! 本节笔者讲述HTML代码中比较特殊的标签, ...
- 使用marquee标签实现文字滚动
代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
- HTML5 - 文字跑马灯标签(marquee)屏幕滚动文字
属性 <marquee> </marquee> 标签有以下属性可选,在使用务必测试好各浏览器兼容性. 属性 描述 behavior 设置文本在 marquee 元素内如何滚动. ...
- marquee标签各种文字滚动
1.建立第一个滚动字幕.代码:<marquee scrollAmount=2 width=300>文字滚动</marquee>2.各参数详解:a)scrollAmount.它表 ...
最新文章
- 华为用MySQL还是oracle_25.Oracle和Mysql的区别
- 如何占用计算机内存,电脑内存占用太高怎么办 教你电脑内存不够用解决方法...
- Spring-IOC推导
- BizTalk接收消息后路由失败
- python 递归函数_Python教程系列之递归函数与匿名函数调用
- jest单元测试-匹配器
- python黑白棋 pygame_python使用minimax算法实现五子棋
- 明翰豆瓣列表V1.5(持续更新)
- ueditor 编辑器的使用(编辑)
- 浅谈用户全生命周期管理
- Hive Table 操作命令汇总
- (2021)Top5 免费视频编辑软件,视频剪辑必备工具
- 你的颈椎还好吗?得了颈椎病,不妨试试这几个方法
- 2022年危险化学品经营单位安全管理人员上岗证题目模拟考试平台操作
- 百度网盘+7.9+android,百度云7.9.0永不升级版
- Go之开发小功能集合(viper获取配置信息,test编写测试单元,用户目录获取,JWT安全校验,字符串去重,Swag在线接口文档,画字符图像工具,Gin模式的选择,iota枚举,promhttp等)
- 给出一个分治算法,在一个具有n个数的数组中找出第二个最大元素。给出你算法的时间复杂性
- 创建自定义 Windows PE 映像的过程
- 数字逻辑电路:一致性电路表决电路
- 视频怎么转音频?推荐使用这几种方法
热门文章
- 平面设计师经常去的网站——字体网站
- 华为交换机和路由器AAA和ssh、telnet远程登录~
- 10,python中tkinter模块里的鼠标点击事件
- Android开发入门——SharedPreferences的使用,kotlin常用库
- arcgis for android: 绘制带流向箭头的线
- 退出计算机的快捷键是什么,电脑退出当前页面快捷键是什么
- 基于Matlab的GUI界面封装exe文件
- An ebook about Generics
- Bluetooth篇 开发实例之十 官网的Bluetooth Chat sample app.
- 机器学习中的回归分析