FrontPage技巧:[8]如何制作网页滚动图片
1、 打开Frontpage软件,新建一个常规文档,单击菜单栏“插入”——Web组件。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/3931cb413a8ca6083c6de94fdb8c9bcec6f8fef5.jpg)
2、 在打开的“插入Web组件”对话框中选择“动态效果”——字幕,单击完成。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/939c2d40b6f39187a97ee47324fce186252feff5.jpg)
3、 在字幕属性对话框中输入文字“滚动图片”,单击确定。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/f11f54237971fe1d21ba65aaea20a7cd0d6ee0f5.jpg)
1、 选定滚动字幕框架,把文档有设计模式转换到代码模式,在“marquee”后面输入“scrollAmount=1 scrollDelay=1 direction=right width=600 height=250”。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/7496877bbbf4da58b0b8a3faea0f8b56ac04d7f5.jpg)
2、 用代码
“<IMG src="图片1地址
<DIV></DIV>
”替换“滚动图片”。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/50a010f85856d53d6546a55a47d2bb665059caf5.jpg)
3、 在代码<marquee>前面输入“<CENTER>”,然后在</marquee>后面输入“</CENTER>”。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/116b1ae23ea23a427718dda33733ec3835bbc0f5.jpg)
1、 向左滚动只需要把向右滚动代码中的“direction=right”改为“direction=left”即可。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/87c8bf46b7b1eef99adf31cfbfb33c4132ba32fa.jpg)
1、 向上滚动首先要把向右滚动代码中的“direction=right”改为“direction=up”,把“width=600”该为“width=170”。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/e076d77622bc7dc53f0556ec5e460596b91429fa.jpg)
2、 在<marquee>和</marquee>之间输入代码
“<DIV align=center><IMG src="图片网址1
<DIV align=center><IMG src="图片网址2
<DIV align=center><IMG src="图片网址3
<DIV align=center><IMG src="图片网址4
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/c99358fe474ec283c8dd465cbe4f50b8b53e1cfa.jpg)
1、 向下滚动只需要把向上滚动代码中的“direction=up”改为“direction=down”即可。
![FrontPage技巧:[8]如何制作网页滚动图片](https://exp-picture.cdn.bcebos.com/a99a494afa32939c2894a2015719ce2c5a1b15fa.jpg)
1、 <marquee></marquee>:用来控制文字滚动。
“direction=”用来控制方向“上(up)下(down)左(left)右(right)”
“scrollamount=”用来控制速度。
“crolldelay=”用来控制延时。
“width=”代表宽度。
“height=”代表高度。
<DIV></DIV>:代表一行。