marquee参数详解
简介:(文字滚动)参数详解文字滚动是由控制的。marquee的参数如下:1、方向
该标签支持的属性多达11个:
align
设定
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
代码如下:
behavior
设定滚动的方式:
alternate:表示在两端之间来回滚动。
scroll:表示由一端滚动到另一端,会重复。
slide:表示由一端滚动到另一端,不会重复。
代码如下:
设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。
代码如下:
direction
设定活动字幕的滚动方向
代码如下:
height
设定活动字幕的高度
代码如下:
width
设定活动字幕的宽度
代码如下:
设定活动字幕里所在的位置距离父容器水平边框的距离
This controls the horizontal(水平)space around the display box.
代码如下:
vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离
This controls the vertical(垂直)space around the display box.
代码如下:
loop
设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1
代码如下:
scrollamount
设定活动字幕的滚动速度,单位pixels
代码如下:
scrolldelay
设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)
值大了会有一步一停顿的效果
代码如下:
====================================================
范例:
https://www.wendangku.net/doc/7a14075282.html,实现图片与文字的滚动效果2007-12-12 15:41
用https://www.wendangku.net/doc/7a14075282.html,开发滚动公告栏
方法只需要滚动的脚本当中增加一个datalist控件就可以实际动态的公告栏了.
https://www.wendangku.net/doc/7a14075282.html,实现图片滚动 网页制作之marquee滚动语句基本语法 1:文字来回滚动: < marquee scrollAmount=3 behavior=alternate>文字来回滚动 marquee > 2:向右移动的竖排文字: 向右移动的竖排文字 添加这个代码: 本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的。本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。 4.3.1 设置文字滚动 HTML技术中使文字滚动的方法是使用双标签<marquee></marquee>。在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动。在D:\web\目录下创建网页文件,命名为mar.htm,编写代码如代码4.15所示。 代码4.15 文字滚动的设置:mar.htm <html> <head> <title>文字滚动的设置</title> </head> <body> <font size="5" color="#cc0000"> 文字滚动示例(默认):<marquee>做人要厚道</marquee> </font> </body> </html> 在浏览器地址栏输入http://localhost/mar.htm,浏览效果如图4.15所示。 图4.15 设置文字滚动默认形式 从图4.15可得,在未设置宽度时,<marquee></marquee>标签是独占一行的。 4.3.2 设置文字滚动的方向 <marquee></marquee>标签的direction属性用于设置内容滚动方向,属性值有left、right、up、down,分别代表向左、向右、向上、向下,例如以下代码:<marquee direction="left">做人要厚道</marquee> <marquee direction="right">做人要厚道</marquee> <marquee direction="up">做人要厚道</marquee> <marquee direction="down">做人要厚道</marquee> 4.3.3 设置文字滚动的速度和形式 设置文字滚动使用<marquee></marquee>标签,其属性说明如下。 —<marquee></marquee>标签的scrollamount属性用于设置内容滚动速度。 —<marquee></marquee>标签的behavior 属性用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来回循环滚动。当其值为slide时,内容滚动一次即停止,不会循环。还有一个loop属性可设置其滚动循环次数,默认为没有限制。 —<marquee></marquee>标签的scrolldelay属性用于设置内容滚动的时间间隔。 —<marquee></marquee>标签的bgcolor属性用于设置内容滚动背景色(类似于body的背景色设置)。 /*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) V er 1.65*\ 制作时间:2006-08-29 (V er 0.5) 发布时间:2006-08-31 (V er 0.8) 更新时间:2007-12-28 (V er 1.65) 更新说明: + 加入功能* 修正、完善 1.65.071228 * 横向、纵向滚动格式调整(解决横向滚动换行的问题,无需特殊设置) * 彻底解决由于IE问题导致上下滚动页面留白的问题(本次更新主要解决此问题,感谢天上的书生参与测试) 1.6.070131 + 禁止鼠标控制暂停或继续(将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1) + 判断是否可以滚动(若内容区域小于显示区域,则自动取消滚动) + 跳过初始化错误(避免引起其它滚动的停止) + 默认值(除容器ID必选外,其他参数均可根据情况进行选择设置) + 参数动态赋值(方向可用英文表示top|up|bottom|down|left|right,使其更直观、方便) * 文字滚动不准确(本次更新主要目的解决此Bug,感谢周珺参与测试) 1.4.061211 + 鼠标悬停改变滚动方向(鼠标悬停控制左右滚动) * 由于文档下载过慢而导致获取的高度/宽度不准确 * 浏览器兼容问题(IE、FF、Opera、NS、MYIE) 1.2.060922 + 指定范围间歇滚动 * 程序调整 * 连续间歇滚动停止的错误 1.0.060901 + 向下、向右滚动 + 开始等待时间 + 连续滚动 * 调整时间单位 * 滚动误差 * 随机死循环 * 加强性能 * 程序优化 0.8.060829 翻屏不间断向上、向左滚动 演示地址:https://www.wendangku.net/doc/7a14075282.html,/script/MSClass.html 下载地址:https://www.wendangku.net/doc/7a14075282.html,/script/MSClass.js 应用说明:页面包含 动态网页设计 HTML语法大全?a卷标,属性名称 , 简介 <!—-… -—〉批注 〈!〉跑马灯 〈marquee>…</marquee>普通卷动?<marquee behavior=slide>…marquee>滑动 <marquee behavior=scroll>…〈/marquee〉预设卷动 〈marquee behavior=alternate>…〈/marquee>来回卷动 <marquee direction=down〉…</marquee〉向下卷动?<marquee direction=up>…〈/marquee>向上卷动 <marquee direction=right>marquee>向右卷动 〈marquee direction=left〉marquee>向左卷动? html炫酷跑马灯标签 基本语法: 滚动文字Marquee属性及参数设置 参数: direction 表示滚动的方向,值可以是left,right,up,down,默认为left behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动) loop 表示循环的次数,值是正整数,默认为无限循环 scrollamount 表示运动速度,值是正整数,默认为6 scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒 valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle align 表示元素的水平对齐方式,值可以是left,center,right,默认为left bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色 height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度 hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。 基本语法 ------------------------------------------- 会移动的文字(Marquee) 基本语法 速度 如何制作网页滚动文字(2009-07-17 211911)转载标签:滚动文字矩形属性up正整数it 分类:电脑技巧 如何制作网页滚动文字 2008年04月12日星期六1246 首先让我们认识这个marquee标签,它是成对出现的标签,首标签marquee和尾标签marquee之间的内容就是滚动内容。marquee标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 behavior属性 behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次,需要注意的是:如果在marquee标签中同时出现了direction和behavior属性,那么scroll和slide的滚动方向将依照direction属性中参数的设置。 marquee behavior=alternate我来回滚动marquee marquee behavior=scroll我单方向循环滚动marqueemarquee behavior=scroll direction=up height=30我改单方向向上循环滚动marquee marquee behavior=slide我只滚动一次marquee marquee behavior=slide direction=up我改向上只滚动一次了marquee bgcolor属性文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。如下所示:marquee behavior==slide direction=left bgcolor=red我的背景色是红色的marquee direction属性 文字滚动的方向,属性的参数值有down、left、right、up共四个单一可选值,分别代表滚动方向向下、向左、向右、向上。如下所示: marquee direction=right我向右滚动marquee marquee direction=right我向下滚动marquee width和height属性 width和height属性的作用决定滚动文字在页面中的矩形范围大小。width属性用以规定矩形的宽度,height属性规定矩形的高度。这两个属性的参数值可以是数字或者百分数,数字表示矩形所占的(宽或高)像素点数,百分数表示矩形所占浏览器窗口的(宽或高)百分比。如下所示: marquee width=300 height=30 bgcolor=red我宽300像素,高30像素。marquee hspace和vspace属性 这两个属性决定滚动矩形区域距周围的空白区域. marquee参数详解 简介:(文字滚动)参数详解文字滚动是由 Marquee 标签跑马灯 1. align 设定 |