标签归档：marquee

旅游网站建设中hspace和vspace属性可用来在字幕和周围文字之间留出间距。这样字幕可以相对于周围文字而体现出来。这两个属性都要求使用整数值，并用像素值来指定间距。 1、hspace属性控制着字幕左右两侧的间距；vspace属性控制着字幕上下两侧的间距。 例如，要在字幕四周创建50像素的间距，可使用如下代码： <marquee vapace=50 hspace=50> 在旅游网站建设中，杰酷不建议大家使用这两个属性来做滚动字幕的区域定位。在使用这两个值时大家有可能已经发现vapace跟本不起作用，您可以直接使用div标签以及CSS来控制滚动字幕的位置。 2、scrollamount和scrolldelay属性控制着滚动字幕的速度和平滑度。 scrollamount属性值是滚动过程中文字每次移动的像素数。较小的值表示滚动较为平滑但滚动速度很慢；大的数值则会创建快速的文字运动。 scrolldelay属性可用来设置滚动过程中文字相邻两次移动之间的时间间隔，以毫秒为单位。这个值越小，滚动得越快。可以使用较小的scrolldelay值来减少一个很小但滚动很平滑的scrollamount的延迟时间。例如：<marquee scrollamount =1 scrolldelay=1> 这行代码每次移动文字的1个像素，但速度可以尽可能地快。在这个例子中，滚动速度将受到用户计算机能力的限制。 大家可以下来自已试试。下面是一个从下到上的一段滚动代码，大家可以改动里面的相关属性值试试：<marquee bgcolor=”#CCCCCC” vapace=50 hspace=50 height=”50″ width=”380″ scrollamount=”1″ scrolldelay=”1″ direction=”up”>旅游网站建设滚动内容…，旅游网站制作滚动内容滚动内容…，滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容滚动内容</marquee>

上节我们讲到了在旅游网站建设中所用到的滚动代码“marquee标签的align属性、behavior、direction和loop属性”。 这节我们继续讲解marquee标签的bgcolor属性、height和width属性，这三个属性可以让我们分别定义滚动代码的背景色、滚动代码的宽和高。 1、bgcolor属性允许我们改变字幕区域的背景颜色。它的值可以是RGB颜色或者标准颜色名。 要创建一个红色的字幕区滚动区域，可以用下面的代码： <marquee bgcolor=red>，还有一种写法是<marquee bgcolor=#FF0000> 2.height和width属性决定了字幕区域的大小。 在旅游网站建设中如果没有指定大小，那么你使用的滚动字幕区域宽度和高度将扩展到整个显示区域。这两个属性值可以是数字表示绝对像素大小，也可以是百分比，表示相对于浏览器窗口高度和宽度的百分比大小。例如，要创建高度为100个像素，宽度为显示窗口宽度1/3的字幕，可以使用下面的代码来实现： <marquee height=100 width=”30%”> 在旅游网站建设中，通常的做法是指定height属性，使得字幕高度足以包括字幕文字，还通常会将宽度指定为小于所包括的文字。在这种情况下，文字将在指定的字幕区域中滚动。最常见的就是设定指定的宽度和高度，让最新订单从下到上不停的滚动。

align属性 把<marquee>标签放在文字围绕其周围的主体内容中间。可以将字幕与周围的文字对齐。align属性有以下三个值之一：top、middle和bottom，表示字幕上指定的点将与周围文字的相应点对齐。当我们想把向上对齐时可以使用代码：<marquee align=top>，这样就把字幕区域的上侧与周围文字对齐了，滚动文字在旅游网站建设中经常也用到向上对齐align=top这个代码。 behavior、direction和loop属性 这三种属性控制着滚动文字的样式，方向和持续时间。 behavior属性接受下列三个值： 1、scroll(默认值) scroll的作用如下：字幕区域最初是空白的；然后文字从一侧(由 direction属性控制)滚动而出，继续滚动直到到达字幕另一侧时位置，然后滚动到字幕再次变为空白。 2、Slide Slide使字幕开始时呈现空白。然后文字从一侧(由direction属性控制)滚 动而出，当它到达另一侧时停止，并仍然保留在屏幕上。 3、alternate alternate使字幕开始时文字在字幕区域的另一端是完全可见的。然后文字开始滚动直到到达另一侧，之后改变方向，再滚动回它的起始位置。 如果没有指定宇幕的behavior值，那么behavior的默认值为scroll。 direction属性可以为字幕文字指定滚动方向。可接受的值是left(默认)或right。注意，滚动的开始端与滚动方向是相反的：left表示文字从字幕的右边开始，向左边滚动。向右滚动的文字能够符合任何从左向右阅读的人的习惯。 loop属性决定了字幕文字滚动的次数。如果提供的是一个整数值，滚动动作将重复该值指定的次数。如果该值为infinite，那么文字将不断滚动，直到用户转移到另一篇文档。 实例如下： <marquee align=center loop=infinite> ABCDEFG，abcdefg,132456789 </marquee> 消息从显示窗口的右侧(默认)向左一直滚动，直到在屏幕上消失，然后再重新开始，直到用户转移到另一个页面时为止。要注意的是字幕之间的周期和间隔；而且不能在一个字幕上追加另一个字幕。 同时，当文字重复滚动时，slide样式的滚动是很急速的，而且只滚动一次。重复滚动时其他滚动行为工作正常。 在旅游网站建设中一般都使用的是scroll 默认值让滚动文字跑完后重复在跑一次，比如设置从右到左不停的重复滚动。