marquee 移动属性

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

以下是一个最简单的例子:

代码如下:
<marquee><font size=+3 color=red>Hello, World</font></marquee>
下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
代码如下:
<marquee onMouseOut="this.start()" onMouseOver="this.stop()">onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动</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>

该标签支持的属性多达11个:

align
设定<marquee>标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐

代码如下:
<marquee align="absbottom">align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。 </marquee>
<marquee align="absmiddle">align="absmiddle": 绝对中央对齐。 </marquee>
<marquee align="baseline">align="baseline": 底线对齐。 </marquee>
<marquee align="bottom">align="bottom": 底部对齐(默认)。 </marquee>
<marquee align="left">align="left": 左对齐。 </marquee>
<marquee align="center">align="middle": 中间对齐。 </marquee>
<marquee align="right">align="right": 右对齐。 </marquee>
<marquee align="texttop">align="texttop": 顶线对齐。 </marquee>
<marquee align="top">align="top": 顶部对齐。 </marquee>

behavior
设定滚动的方式:
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide:  表示由一端滚动到另一端,不会重复。
代码如下:
<marquee behavior="alternate">alternate:表示在两端之间来回滚动。 </marquee>
<marquee behavior="scroll">scroll:表示由一端滚动到另一端,会重复。</marquee>
<marquee behavior="slide">slide:  表示由一端滚动到另一端,不会重复。</marquee>

bgcolor
设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。
代码如下:
<marquee bgcolor="#006699">设定活动字幕的背景颜色 bgcolor="#006699"</marquee>
<marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"</marquee>
<marquee bgcolor="red">设定活动字幕的背景颜色 bgcolor="red"</marquee>

direction
设定活动字幕的滚动方向
代码如下:
<marquee direction="down">设定活动字幕的滚动方向direction="down":向下</marquee>
<marquee direction="left">设定活动字幕的滚动方向direction="left":向左</marquee>
<marquee direction="right">设定活动字幕的滚动方向direction="right":向右</marquee>
<marquee direction="up">设定活动字幕的滚动方向direction="up":向上</marquee>

height
设定活动字幕的高度
代码如下:
<marquee height="500" direction="down" bgcolor="#CCCCCC">设定活动字幕的高度height="500"</marquee>

width
设定活动字幕的宽度
代码如下:
<marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度width="500"</marquee>
hspace
设定活动字幕里所在的位置距离父容器水平边框的距离
This controls the horizontal(水平)space around the display box.
代码如下:
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>
    </tr>
  </table>

vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离
This controls the vertical(垂直) space around the display box.
代码如下:
<marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>
loop
设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1
代码如下:
<marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>
<p>&nbsp;</p>
<marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>

scrollamount
设定活动字幕的滚动速度,单位pixels
代码如下:
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>

scrolldelay
设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)
值大了会有一步一停顿的效果
代码如下:
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100"</marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>

转载于:https://www.cnblogs.com/wuyang2220/p/3249983.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/421577.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

重写方法返回值可以不一样吗_MAX和MIN函数你会用吗?不一样的应用方法

​一看到标题&#xff0c;大家可能会想&#xff0c;MAX和MIN函数谁不会&#xff0c;不就是求最大和最小嘛&#xff0c;今天就给大家介绍点MAX和MIN函数不一样的内容。首先还是先看下它的定义&#xff1a;MAX&#xff1a;返回一组值中的最大值MIN&#xff1a;返回一组值中的最小…

(转载)最黑的黑客米特尼克:多次耍FBI 终被高手擒

&#xff08;转载&#xff09;http://bbs.chinabyte.com/thread-816847-1-1.html凯文米特尼克 50岁 第一个被FBI通缉的黑客,被称为“头号电脑骇客”&#xff0c;曾入侵北美防空指挥系统&#xff0c;现职业是网络安全咨询师。 阿德里安拉莫 入侵《纽约时报》、微软&#xff0c;被…

mysql数据库重启命令_MySQL数据库之windows下重启mysql的方法

本文主要向大家介绍了MySQL数据库之windows下重启mysql的方法 &#xff0c;通过具体的内容向大家展现&#xff0c;希望对大家学习MySQL数据库有所帮助。其中第二种方法对我这无效&#xff0c;以后再搞清楚&#xff01;一、MYSQL服务我的电脑——(右键)管理——服务与应用程序—…

例子:Basic Lens sample

本例演示了如何自己扩展一个Camera Lens。 1. UI界面是一个MediaViewer <controls:MediaViewerx:Name"MediaViewer"Items"{Binding CameraRoll}" FooterVisibility"Visible"FooterDisplayed"MediaViewer_FooterDisplayed"ItemDispl…

mysql中的生日应该是什么类型_MySQL中的数据类型和schema优化

最近在学习MySQL优化方面的知识。本文就数据类型和schema方面的优化进行介绍。1. 选择优化的数据类型MySQL支持的数据类型有很多&#xff0c;而如何选择出正确的数据类型&#xff0c;对于性能是至关重要的。以下几个原则能够帮助确定数据类型&#xff1a;更小的通常更好应尽可能…

不是每个人都可以坚持!

三个月的暑假&#xff0c;准确来说休息了1个月。 从7月25日开始&#xff0c;就开始了人生第一份工作&#xff0c;或者说是实习。单位是上海XXX&#xff0c;一家国企。 刚进单位的时候&#xff0c;老大给我的任务&#xff0c;是很简单的三个字做报表。本来以为很简单&#xff0c…

vsftpd pam_mysql crypt 1_安装vsftpd+pam+mysql实现对虚拟用户身份认证详细步骤

安装vsftpdpammysql实现对虚拟用户身份认证详细步骤发布时间&#xff1a;2020-05-13 11:42:57来源&#xff1a;亿速云阅读&#xff1a;188作者&#xff1a;三月栏目&#xff1a;数据库下文主要给大家带来安装vsftpdpammysql实现对虚拟用户身份认证详细步骤&#xff0c;希望这些…

ios 在UIView上画图,线条

1.画线条&#xff08;实线&#xff0c;虚线&#xff09; - (void)drawRect:(CGRect)rect { CGContextRef context UIGraphicsGetCurrentContext(); [self drawXLine:context rect:rect]; [self drawLegend:context rect:rect]; } -(CGContextRef)drawXLine:(CGContextRef)cont…

校园卡系统mysql与java结合_基于Java+JSP+Mysq+Servletl的校园卡一卡通管理系统

需求分析使用JavaJSPMysqServlet技术实现一个校园卡一卡通管理系统, 分为学生与管理员两个角色, 能够进行登录, 充值, 挂失, 历史消费查询等功能本站提供其他类型的 一卡通管理系统源代码 点击查看运行环境java, jdk1.8,tomcat8.5,mysql5.6, EclispseEE/Idea项目技术java, JSP,…

linux/unix下setuid/seteuid/setreuid/setresuid

其中setresuid()具有最清晰的语法&#xff1a; setresuid()被执行的条件有&#xff1a; ①当前进程的euid是root ②三个参数&#xff0c;每一个等于原来某个id中的一个 如果满足以上条件的任意一个&#xff0c;setresuid()都可以正常调用&#xff0c;并执行&#xff0c;将 进程…

shell监控mysql发邮件_用shell脚本监控linux系统 自动发送邮件

此脚本可以做一个定时的检测&#xff0c;超出设定的值&#xff0c;即往邮箱发送警告脚本用到bc&#xff0c;sendmail&#xff0c;163邮箱&#xff0c;yum install bc#!/bin/bash#System Monitoring Scriptwhile [ 1 ]do#本机需开启postfix或sendmail服务。#报警邮件地址设置MAI…

【C语言】01-C语言概述

说明&#xff1a;这个C语言专题&#xff0c;是学习iOS开发的前奏。也为了让有面向对象语言开发经验的程序员&#xff0c;能够快速上手C语言。如果你还没有编程经验&#xff0c;或者对C语言、iOS开发不感兴趣&#xff0c;请忽略 回到顶部为什么iOS开发要先学C语言&#xff1f; i…

删除 索引 外键 mysql_MySQL外键及级联删除 表的存储引擎与创建索引 删除数据库和表...

Messages表&#xff1a;mysql>create table Messages(->message_id int auto_increment primary key,->user_name varchar(50) not null,->author_id int not null,->body text,->forum_id int not null);Forums表&#xff1a;mysql>create table Forums(…

字符串长度(PHP学习)

1.计算字符串长度有哪些方法&#xff1f; 答&#xff1a;strlen() 和 mb_strlen() 2.两者有什么区别 答&#xff1a; 如下代码 <?php $str hello中国; ?>strlen($str)计算的是字节的长度&#xff0c;在utf8下一个汉字代表3个字符&#xff0c;算出来是11 在GB2312和…

eclipse在ubuntu13.04下崩溃crash

错误信息&#xff1a; # # A fatal error has been detected by the Java Runtime Environment: # # SIGSEGV (0xb) at pc0x00007fb29dce2009, pid19297, tid140405947455232 # # JRE version: 7.0_10-b18 # Java VM: Java HotSpot(TM) 64-Bit Server VM (23.6-b04 mixed mode…

Java IO 体系结构

参考文章地址: http://blog.csdn.net/oracle_microsoft/article/details/2634231 Java IO体系结构看似庞大复杂,其实有规律可循,要弄清楚其结构,需要明白两点: 1. 其对称性质:InputStream 与 OutputStream, Reader 与 Writer,他们分别是一套字节输入-输出,字符输入-输出体系 2.…

java wap_JAVA和WAP移动学习技术

JAVA和WAP移动学习技术JAVA/WAP移动学习技术摘 要 移动学习是今后课堂学习的必要补充&#xff0c;WAP技术是基于连接浏览的移动学习关键技术。本文以移动电话学生成绩查询系统为例&#xff0c;利用UML模型表征实现的过程&#xff0c;分析其运用的WML 、SERVLET与连接池等技术。…

java string 日期格式_java String.Format() 日期格式用法

JDK1.5中&#xff0c;String类新增了一个很有用的静态方法String.format():现有一个时间20090903要转化成指定时间的java.util.Date格式private Date getStartGregorianTime(String date) {Date d_date DateUtil.parseDate(date);int year new Integer(String.format("%…

java HHmm_java date HHmmss hhmmss

系统交互时&#xff0c;用到时间流水号的设计&#xff0c;出现时间流水号相同的情况&#xff0c;故对时间格式化各种情况做了研究SimpleDateFormat(format)format&#xff1a;年月日 yyyyMMdd时分秒 HHmmss 24小时制时分秒 hhmmss 12小时制年月日时分秒 yyyyMMddHHmmss …