多语言展示
当前在线:139今日阅读:19今日分享:20

FrontPage技巧:[8]如何制作网页滚动图片

在网页里面我们经常看到一些滚动的图片,有些是左右滚动的,有些是上下滚动的,这是怎么制作出来的呢?滚动字幕在软件里面可以直接制作,那么滚动图片怎样来制作呢?其实也很简单,用一些代码就可以实现。
工具/原料
1

Frontpage软件

2

图片素材

制作前准备:
1

打开Frontpage软件,新建一个常规文档,单击菜单栏“插入”——Web组件。

3

在字幕属性对话框中输入文字“滚动图片”,单击确定。

向右循环滚动图片:
1

选定滚动字幕框架,把文档有设计模式转换到代码模式,在“marquee”后面输入“scrollAmount=1 scrollDelay=1 direction=right width=600 height=250”。

2

用代码“  

”替换“滚动图片”。

3

在代码前面输入“
”,然后在
后面输入“”。

向左循环滚动图片:

向左滚动只需要把向右滚动代码中的“direction=right”改为“direction=left”即可。

向上循环滚动图片:
1

向上滚动首先要把向右滚动代码中的“direction=right”改为“direction=up”,把“width=600”该为“width=170”。

2

之间输入代码“

 
 
 

向下循环滚动图片:

向下滚动只需要把向上滚动代码中的“direction=up”改为“direction=down”即可。

代码解析:

:用来控制文字滚动。      “direction=”用来控制方向“上(up)下(down)左(left)右(right)”      “scrollamount=”用来控制速度。      “crolldelay=”用来控制延时。      “width=”代表宽度。      “height=”代表高度。       

:代表一行。

推荐信息