HTML网页设计怎样让文字滚动?

HTML网页设计怎样让文字滚动?,第1张

1、首先你需要安装DW软件,如果有就更好了,如果没有可以参考小编下面的教程自行安装。

2、打开DW,因为是最基本的,所以现在我们仅需要了解HTML格式的网页设计就可以了,也就是静态网页设置。

3、打开后可能会先出现design,也就是设计的页面,为了使大家能熟悉代码,大家可以换为划分页面,也就是代码与设计页面并存的状态。

4、在这个页面中大家很容易就能将代码和设计页面对照着看,以后直接写代码其实就可以,那样更快,这里小编随便打几个字为例,在设置页面打,大家会发现字体是在body之间的,即如果在代码区打字,要在body后面打。

5、切换为英文输入法,打出左括号,单词marquee,在打出mar时后面会出现完整的,直接点击就好了,这里marquee是大布幕的意思。

6、然后在文字的后面再次打左括号,不过之后要加一个斜杠后面的会自动补充完整,这代表结束。

7、现在的页面是不会动的,因为我们正在编辑,所以需要切换到life即实事视图,文字就会自动从右向左滚动了。

8、因为无法传动态的所以大家可以自己试一下,页面的设计跟word其实很像,不过有的设置代码更简单,所以可以自行 *** 作,对照着看一下。

我们在浏览网页的时候,有时会看到网页中有些文字会循环往复的移动。这种动画效果是如何制作的呢?这里我们就来看一看。

当然我们可以利用flash或者采用Gif动画来实现,但是这种方式往往占用的空间比较大,而且不如HTML标记来得那么简单。这个标记就是Marquee标记,中文翻译为“跑马灯”。IE3.0以上版本的浏览器中支持这个HTML标记,而NetScape则不支持。因此我们在设计网页的时候需要考虑这个问题。

Marquee标记的基本语法结构如下所示:

其中ALIGN可以用来指定滚动字幕与左右文字的对齐方式,它的值可以有top、middle、bottom等;

BEHAVIOR用来指定滚动字幕的滚动方式,它的属性值有scroll、slide和alternate三个,scroll表示滚动字幕内容向同一方向重复滚动,slide表示滚动字幕内容从一端向另一端滚动并在另一端停止,alternate表示滚动字幕内容在两端之间来回往复滚动;

DIRECTION指定滚动字幕的滚动方向,它的属性值有left和right两个,分别表示滚动字幕由右向左和由左向右滚动;SCROLLAMOUNT用来设置多次滚动之间的间隔距离,其单位是pixels(像素);

SCROLLING用来指定滚动字幕滚动一次所需要的时间,单位是ms(千分之一秒),其值的大小将直接影响滚动字幕的滚动速度;

LOOP属性是用来指定滚动字幕的滚动次数的,当它的值为“-1”时,滚动字幕将连续滚动直到浏览器载入下一个页面;

HSPACE和VSPACE则分别用来指定滚动字幕与其上一级页面在水平方向和竖直方向上的距离。

下面我们看一看跑马灯的效果。(注意:这种跑马灯的效果只在InternetExplorer中能看到,Netscape不支持marquee标记)

在主页中制作会移动的文字

贺治卫(05/10/2000)

基本语法:

需要移动的文字

1.方向#left,right

例:从右向左移动>

从左向右移动>

2.次数#scroll,slide,alternate

例:一圈一圈的绕着移动>

只移动一次就停>

来回移动,不停>

3.循环#次数,若未指定则循环不止(infinite)

例:只走3趟

4.速度加快

例:移动速度加快>

5.速度减慢

例:移动速度减慢

6.底色

#rrggbb16进制数码,或者是下列预定义色彩:

Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,

Fuchsia,White,Green,Purple,Silver,Yellow,Aqua

例:是红色的

7.面积

例:面积变大了


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11849139.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存