dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?

百度经验   发布时间:2018-04-28 11:38:29   作者:nxsailing   我要评论
dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?dw中想要制作图片切换效果 ,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

dreamweaver中想要实现一种图片切换效果,就是鼠标放在图片的不同区域上就会显示不同的图片,该怎么制作呢?下面我们就来看看详细的教程。

1、首先用ps或者其他软件将几张图片的大小p成一样的。比如笔者把三张图片都p成了200x268的大小。

2、打开Dreamweaver,新建一个网页(笔者这里建立一个html类型的网页)。

3、按Ctrl+S保存新建的网页。

4、点击菜单栏:插入-->表格。插入一个1行1列的表格。

5、把鼠标指针放到表格中,单击菜单栏的:插入-->布局对象-->AP Div,插入一个AP Div。

6、把鼠标放到刚刚新建的AP Div里边,点击菜单栏的:插入-->图像,选择一张需要插入的图片。

7、按上面的方法依次添加其他几个AP Div,并在里边插入图片。

8、接下来插入一个AP Div,然后再里边添加一个1行3列的表格。

相关文章

  • Dreamweaver网页中怎么添加电子邮箱链接?

    Dreamweaver网页中怎么添加电子邮箱链接?Dreamweaver设计的网页想要添加联系我们的文字直接链接到电子邮箱,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参
    2018-01-05
  • Dreamweaver网页中的文本怎么添加背景图片?

    Dreamweaver网页中的文本怎么添加背景图片?Dreamweaver设计的文本网页太单调,想要给文本添加星空背景图片,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参
    2018-01-05
  • Dreamweaver怎么添加边框? Dreamweaver边框的制作方法

    Dreamweaver怎么添加边框?Dreamweaver想要制作一个红色边框,该怎么制作呢?下面我们就来看看Dreamweaver边框的制作方法,需要的朋友可以参考下
    2018-01-04
  • Dreamweaver网页怎么添加弹出窗口信息?

    Dreamweaver网页怎么添加弹出窗口信息?很多网站都有欢迎信息的弹窗,想要给网页添加一个弹窗,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-04
  • Dreamweaver怎么上传站点到服务器?

    Dreamweaver怎么上传站点到服务器?Dreamweaver中制作好的玩野想要上传到服务器,该怎么上传站点呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-03
  • Dreamweaver怎么设置状态栏文本?

    Dreamweaver怎么设置状态栏文本?Dreamweaver设计网页的时候,想要制作在状态栏制作显示欢迎的话语,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-03
  • Dreamweaver网页制作怎么使用css样式嵌套?

    Dreamweaver网页制作怎么使用css样式嵌套?Dreamweaver设计网页的时候,想要使用css样式嵌套,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-02
  • Dreamweaver怎么裁剪图片? dw编辑图片的技巧

    Dreamweaver怎么裁剪图片?Dreamweaver中插入的图片太大了,想要裁剪图片,并设置图片的属性,该怎么设置呢?下面我们就来看看dw编辑图片的技巧,需要的朋友可以参考下
    2018-01-02
  • Dreamweaver网页怎么创建css样式的复合声明?

    Dreamweaver网页怎么创建css样式的复合声明?Dreamweaver中想要制作一个css样式的复合声明,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-02
  • Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法

    Dreamweaver网页中怎么插入导航条?Dreamweaver中网页为了更有层次感,想要插入导航条,该怎么使用导航条呢?下面我们就来看看dw网页导航条的使用方法,需要的朋友可以参考
    2018-01-02

最新评论