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

制作前准备：

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

在打开的“插入Web组件”对话框中选择“动态效果”——字幕，单击完成。

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

向右循环滚动图片：

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

用代码 “<IMG src="图片1地址" width=180 border=0> <IMG src="图片2地址" width=180 border=0> <IMG src="图片3地址" width=180 border=0> <IMG src="图片4地址" width=180 border=0> <DIV></DIV> ”替换“滚动图片”。

在代码<marquee>前面输入“<CENTER>”，然后在</marquee>后面输入“</CENTER>”。

向左循环滚动图片：

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

向上循环滚动图片：

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

在<marquee>和</marquee>之间输入代码 “<DIV align=center><IMG src="图片网址1" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址2" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址3" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址4" width=300 border=0></DIV>”

向下循环滚动图片：

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

代码解析：

<marquee></marquee>：用来控制文字滚动。 “direction=”用来控制方向“上（up）下（down）左（left）右（right）” “scrollamount=”用来控制速度。 “crolldelay=”用来控制延时。 “width=”代表宽度。 “height=”代表高度。 <DIV></DIV>：代表一行。