Dreamweaver:[41]网页制作中如何设置交换图像

 时间:2024-10-16 11:05:51

1、设置表格的背景颜色,并在该表格中插入两行一列的表格,并调整好各个表格的宽和高及背景颜色等属性。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

2、把下面的表格拆分为四列。并在每个表格中插入图片,并分别不同的ID。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

3、在上面的表格中插入一个AP图层,设置和要展示的图片差不多的属性。在该图层插入一张起始的图片。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

4、设置交换图像行为,选中下面的第一张图片,点击行为+\交换图像,在弹出的交换图像对话框中选择要交换的图像,根据刚才编辑的id来识别,点击浏览来选择要显示的图片。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

5、这样在行为里就添加了两个行为动作,一个是鼠标经过时交换图像,另外一个是鼠标移开后恢复图像。

Dreamweaver:[41]网页制作中如何设置交换图像

6、把其他三张图片也一样设置,这样一个交换图像的特效就设置好了,可以点击F12查看。

  • dw怎么做图片自动轮播
  • 在Dreamweaver HTML文档中如何新建CSS样式?
  • Dreamweaver文档中如何插入Div标签?
  • 在Dreamweaver文档中如何插入记录集导航条?
  • dw图片滚动效果怎么做
  • 热门搜索
    关于爱国的手抄报内容 诚信的手抄报图片 有关食品安全的手抄报 安全意识手抄报 小学生元旦手抄报 科幻画手抄报 四年级环保手抄报 无烟校园手抄报 走进童话世界手抄报 平安出行手抄报