dw如何制作图片自动切换效果_如何在DREAMWEAVER中做出图片切换效果？

1、准备一组图片，最好大小一致，文件的命名相似，如：pic1.jpg、pic2.jpg、pic3.jpg；

2、在网页中插入一个2×3的表格，表格的宽度与你的图片宽度一致；

3、把表格的第一行的叁个单元格合并，并在其中插入第一张图片，把图片命名为“imag1”，这一点很重要，这是以后替换图片的标识；

4、在表格的第二行的左右两个单元格中分别插入两个按钮，一个这“下一张”，一个为“上一张”。在“下一张”按钮的代码中加上代码：οnclick="img(1)"，在“下一张”按钮的代码中加上代码：οnclick="img(2)"。其作用是当相应的按钮按下时执行相应的函数实现切换图片的功能。在表格第二行中间那个单元格中写上“第一张”，并在该段文字的前后加上一个标记，在其中加上代码：id="picnum"，这样做的目的是给这段文字加一个标识，以便动态替换。

5、在网页代码的

与之间插入以下代码：

以上是实现图片切换的主要函数，除标明可以的外可以不必更改。

5、表格、图片及按钮部分的代码如下：

	第1张

上面的红字部分可以根据实际情况改写

◆◆

评论读取中....

请登录后再发表评论!

◆◆

修改失败，请稍后尝试