实例:

需要滚动的文字

需要滚动的文字

也可以程序代码

也可以是图片

说明:

1、中间的内容可以为 文字,图片,也可以是由程序生成的文字或图片

2、onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

属性:

align

设定标签内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐

代码如下:

align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。

align="absmiddle": 绝对中央对齐。

align="baseline": 底线对齐。

align="bottom": 底部对齐(默认)。

align="left": 左对齐。

align="middle": 中间对齐。

align="right": 右对齐。

align="texttop": 顶线对齐。

align="top": 顶部对齐。

behavior

设定滚动的方式

alternate: 表示在两端之间来回滚动。

scroll: 表示由一端滚动到另一端,会重复。

slide:  表示由一端滚动到另一端,不会重复。

代码如下:

alternate:表示在两端之间来回滚动。

scroll:表示由一端滚动到另一端,会重复。

slide:  表示由一端滚动到另一端,不会重复。

bgcolor

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

代码如下:

设定活动字幕的背景颜色 bgcolor="#006699"

设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"

设定活动字幕的背景颜色 bgcolor="red"

direction

设定活动字幕的滚动方向

代码如下:

设定活动字幕的滚动方向direction="down":向下

设定活动字幕的滚动方向direction="left":向左

设定活动字幕的滚动方向direction="right":向右

设定活动字幕的滚动方向direction="up":向上

height

设定活动字幕的高度

代码如下:

设定活动字幕的高度height="500"

width

设定活动字幕的宽度

代码如下:

设定活动字幕的宽度width="500"

hspace

设定活动字幕里所在的位置距离父容器水平边框的距离

This controls the horizontal(水平)space around the display box.

代码如下:

hspace="100"

vspace

设定活动字幕里所在的位置距离父容器垂直边框的距离

This controls the vertical(垂直) space around the display box.

代码如下:

hspace="100"

loop

设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

代码如下:

我会不停地走。

我只走两次哦

scrollamount

设定活动字幕的滚动速度,单位pixels

代码如下:

scrollamount="10"

scrollamount="20"

scrollamount="30"

scrolldelay

设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)

值大了会有一步一停顿的效果

代码如下:

scrolldelay="10"

scrolldelay="100"

scrolldelay="1000"

html模板实现银幕滚动效果<marquee>标签使用

该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法:

解决在IE下LABEL中IMG图片无法选中RADIO的几个方法

转http://www.cnblogs.com/chenxianbin89/archive/2012/11/25/2787258.html . 方法三,THML代码控制: 在IMG中加一个属性,dis ...

在ios程序中自己主动滚动TableView到某行的方法

比方tableview窗体能够显示 30 行, 我想在填充tableview 100 条数据后 选择第 50行, 能把这一行显示到窗体内, 就像手动拖滚动栏到 第 50行一样,要怎样实现呢? ] an ...

Java中显示图片的方法

最近在做一个swing小项目,其中需要把存储在硬盘中的图片文件显示出来,总结了如下方法: 1. Graphics g = getGraphics();String name = "E:/Ca ...

如何把word中的图片怎么导出来呢?

在办公使用word的过程中你可能经常会遇到这个问题:插入到word中的图片找不到导出来的方法,是不是很郁闷呢,别急,今天咱们研究一下把word中的图片导出来的方法(把"我的"变成你 ...

HTML中的marquee标签实现滚动效果

一.标签简介 通过开始标签和结束标签的共同配合而实现滚动效果,滚动的内容&lt ...

html中的字幕滚动marquee属性

该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果,该标签是个容器标签. 语法:

html的<marquee></marquee>标签实现滚动效果

页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用m ...

随机推荐

centos7 dokcer fastdfs

docker run --name=fastdfstmp -tid centos /bin/bash docker cp /home/fastdfs fastdfstmp:/home docker e ...

bzoj1179 [Apio2009]Atm

Description Input 第一行包含两个整数N.M.N表示路口的个数,M表示道路条数.接下来M行,每行两个整数,这两个整数都在1到N之间,第i+1行的两个整数表示第i条道路的起点和终点的路口 ...

QP01 BAPI、QP02 BDC

近期在改动一个检验计划分配的一个程序.上网查了一些资料,分别对QP01检验计划创建.改动QP02.删除物料等操作.分享一下. 一.QP01 BAPI BAPI_INSPECTIONPLAN_CREAT ...

C#后台发送HTTP请求

using System.Collections.Generic; using System.Linq; using System.Text; using System.Net; using Syst ...

Android数据库高手秘籍(六)——LitePal的改动和删除操作

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/40083685 在上一篇文章中,我们学会了使用LitePal进行存储数据的功能.确实 ...

ProxySQL

ProxySQL   http://www.proxysql.com/

3.3 idea中使用git遇到的一些问题

1. 修改TortoiseGit用户名和密码 修改TortoiseGit用户名和密码其实就是对Git的用户名和密码就行修改. 控制面板 -> 点击“用户账户” -> 管理windows凭据 ...

python爬虫之urllib库(二)

python爬虫之urllib库(二) urllib库 超时设置 网页长时间无法响应的,系统会判断网页超时,无法打开网页.对于爬虫而言,我们作为网页的访问者,不能一直等着服务器给我们返回错误信息,耗费 ...

载入其他同名源文件导致vs编译错误

今天下午工程编译的时候总是通不过,提示1,某个类没有某个成员,可是我去该类的头文件下查看,确实包括了这个成员啊.2,没有某个类,可是我明明定义了的. 检查了好久才发现 原来是,我打开了其他工程下的某一 ...

HTML怎么设置自动滚动的图片,转:HTML中让图片滚动的marquee标签的使用方法相关推荐

  1. Android 加载本地图片(文件管理器中的图片墙)

    Android 加载本地图片(文件管理器中的图片墙) --关于图片墙的一些感悟与疑问,希望大家共同探讨. (By伊叶也) 图片显示及监听 1.图片显示:基本上就5种显示形式(如果同时嵌入5种形式,采用 ...

  2. ctf图片隐写中改变图片高和宽

    ctf图片隐写中改变图片高和宽 利用工具 Hex Editor Neo将图片进行十六进制分解, 然后我们可以找出该图片的像素高宽,转化成十六进制然后对应找到该像素点所在位置,进行修改即可.

  3. html给网页加图片背景颜色,0035 如何设置网页背景图和在网页中插入图片

    上节课讲了关于表格的一些更多知识和用表格配合div来进行网页排版. 这节课开始讲关于网页图片的相关知识. 上节课的课后练习 1.去网上搜索2个自己喜欢的图片,1个图片用来作为整个网页的背景,另一个图片 ...

  4. python 编写一段自动下载微信群的聊天记录中的图片并保存到本地的代码

    以下是一段简单的 Python 代码,可以自动下载微信群聊天记录中的图片并保存到本地: import requestsdef download_image(url, file_name):respon ...

  5. bootstraptable设置行高度_条码打印软件中不干胶卷纸的标签设置方法

    条码打印软件中的标签设置是根据打印机中的实际标签纸的情况进行设置的,不同的标签纸有不同的设置方法(如A4的平张纸,或者单排.双排.多排的不干胶卷纸都有相对的设置方法).今天就用中琅条码打印软件给大家演 ...

  6. ios 按钮图片拉伸_iOS中实现图片自适应拉伸效果的方法

    前言 在Android中实现图片的拉伸特别特别简单,甚至不用写一行代码,直接使用.9图片进行划线即可.但是iOS就没这么简单了,比如对于下面的一张图片(原始尺寸:200*103): 我们不做任何处理, ...

  7. html5穿插动图,视频中间插播广告 在视频中的任意位置添加广告图片,视频中穿插图片的方法...

    小编最近在看一个电视剧,这个电视剧只能用优酷的播放器进行播放,但优酷播放器真是让我很奔溃,看一集视频起码要插播三次广告,简直全程无感.幸好之前解决了优酷视频转换格式的问题,不然我真是要放弃优酷播放器了 ...

  8. html邮件修改不了图片,邮件模板中的图片不显示,该怎么解决

    邮件模板中的图片不显示 这个是我邮件模板 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...

  9. Excel表格怎么批量导出图片将文件中的图片导出到文件夹中

    这几天一直没写博文,但是为了让大山的孩子,能够像京城的富二代一样,可以开开心心公公平平地享受学习excel的权利,因此决定今天继续写,今天主要来谈谈excel图片批量导出,关于excel表格怎么批量导 ...

最新文章

  1. Goolge新AI算法实时生成3D场景 | 可下载
  2. 硬盘格式化与快速格式化的区别
  3. ES6 实用开发技巧
  4. [partial] C#里partial关键字的作用
  5. 在product search result里点击某个product出现白屏问题
  6. pycharm 类型注释_学习Python第一步,变量与数据类型
  7. MySQL 直接存储图片并在 html 页面中展示,点击下载
  8. 【美团校招笔试题】去除字符串首尾空格,中间多个空格只保留一个
  9. 数仓、数据平台和中台还分不清楚?大佬的10年经验之谈,看完懂了
  10. MySQL之limit使用
  11. linux高级网络编程教程
  12. autoreconf:未找到命令
  13. duet设置_一秒把平板变 PC 电脑的扩展屏幕:TwomonUSB Duet Display 对比评测
  14. MQ系列SpringBoot快速整合RabbitMQ
  15. JAVA小鑫の日常系列故事(七)——小纸条
  16. fastboot实战
  17. 计算机能安装几个硬盘,一台电脑最多能接多少个硬盘?
  18. ws832设置虚拟服务器,华为WS832路由器设置教程 | 192路由网
  19. Chrome网页接口测试工具
  20. 住建部《城市信息模型(CIM)基础平台技术标准》正式发布,6月1日起实施

热门文章

  1. process on绘图教程
  2. anaconda linux卸载,Linux上Anaconda的卸载
  3. 计算机底层01-计算机发展史
  4. 带固态硬盘的电脑Ubuntu和Windows双系统安装
  5. 3D模型欣赏:大眼短发战斗萝莉 游戏角色
  6. 聊聊前端开发日常的协作工具(全)
  7. 关于 RocketMQ:The producer group has been created before, specify another name please.这个报错的解决办法...
  8. msvcp140.dll丢失的详细修复教程
  9. 华为2020软件精英挑战赛初赛、复赛、决赛代码+心得分享
  10. 亿万美金下打造的3D游戏建模《荒野大镖客》,画面燃爆