dw中怎么交互图像?如何实现鼠标经过图像换图的效果?

交互图像在网页制作中是常常会被用到的效果,交互图像是指当鼠标经过图像时,可以将原本的图像变成另外一个图像 。那么下面小编来为大家分享一下dw中交互图像的方法,如何实现鼠标经过图像换图的效果 。

dw中怎么交互图像?如何实现鼠标经过图像换图的效果?

文章插图
1、首先我们需要从电脑中打开dw软件,新建HTML文件 。
2、接着将光标移到要插入交互图像的位置,依次在菜单栏中选择“插入——图像对象——鼠标经过图像"并点击 。
3、下一步我们需要在图像名称中任意输入名称 。
4、用鼠标点击原本的图像右侧浏览按钮,打开所需要的图片,点击确定 。
5、单击鼠标经过图像右侧的浏览按钮,打开所需要的图片,点击确定,并且选中预再鼠标经过图像 。
6、下一步需要在替换文本中任意输入文件名,在按下时,前往的url中输入链接地址,此处输入空链接 。
7、完成以上步骤之后点击确定,交互图像就完成了 。
8、按下F12键可以对效果进行查看预览 。
需要注意的是,交互的两幅图片尺寸大小必须相同,否则插入的第2幅图片会自动调整成第1幅大小 。
【dw中怎么交互图像?如何实现鼠标经过图像换图的效果?】以上就是关于dw中如何实现鼠标经过图像换图的效果的操作方法和步骤,这只是dw中一项基础的交互动作添加功能,对于初学者来说需要熟练掌握运用操作方法,为之后的工作学习打下扎实的基础 。

    推荐阅读