网站上那些循环滚动的图片如何制作啊

网站循环滚动图片需要js代码制作

第一步，可以去相关的js特效网站下载一个你所需要的代码

第二步，用DW修改路径改为你自己网站的路径

第三步，把你所做的图片上传到空间

第四步，添加代码路径及调用js文件网站保存

方案一：直接使用HTML的滚动标签 marquee ，把图片放入滚滚标签内部，代码如下：

<marquee>

<img src='1.jpg'>

<img src='2.jpg'>

<img src='3.jpg'>

<img src='4.jpg'>

</marquee>

方案二：使用第三方插件，比如swiper.js，

插件

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

2

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

3

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

END

向右循环滚动图片：

1

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

scrollDelay=1

direction=right

width=600

height=250”。

2

用代码

“<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>

”替换“滚动图片”。

3

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

END

向左循环滚动图片：

1

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

END

向上循环滚动图片：

1

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

2

在<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>”

END

向下循环滚动图片：

1

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

END

代码解析：

<marquee></marquee>：用来控制文字滚动。

“direction=”用来控制方向“上（up）下（down）左（left）右（right）”

“scrollamount=”用来控制速度。

“crolldelay=”用来控制延时。

“width=”代表宽度。

“height=”代表高度。

<DIV></DIV>：代表一行。

END

FrontPage技巧(共16篇)

上一篇：如何在网页上添加...|下一篇：如何在图片上创建...

---