交互图像在网页制作中是常常会被用到的效果,交互图像是指当鼠标经过图像时,可以将原本的图像变成另外一个图像 。那么下面小编来为大家分享一下dw中交互图像的方法,如何实现鼠标经过图像换图的效果 。
文章插图
1、首先我们需要从电脑中打开dw软件,新建HTML文件 。
2、接着将光标移到要插入交互图像的位置,依次在菜单栏中选择“插入——图像对象——鼠标经过图像"并点击 。
3、下一步我们需要在图像名称中任意输入名称 。
4、用鼠标点击原本的图像右侧浏览按钮,打开所需要的图片,点击确定 。
5、单击鼠标经过图像右侧的浏览按钮,打开所需要的图片,点击确定,并且选中预再鼠标经过图像 。
6、下一步需要在替换文本中任意输入文件名,在按下时,前往的url中输入链接地址,此处输入空链接 。
7、完成以上步骤之后点击确定,交互图像就完成了 。
8、按下F12键可以对效果进行查看预览 。
需要注意的是,交互的两幅图片尺寸大小必须相同,否则插入的第2幅图片会自动调整成第1幅大小 。
【dw中怎么交互图像?如何实现鼠标经过图像换图的效果?】以上就是关于dw中如何实现鼠标经过图像换图的效果的操作方法和步骤,这只是dw中一项基础的交互动作添加功能,对于初学者来说需要熟练掌握运用操作方法,为之后的工作学习打下扎实的基础 。
推荐阅读
- dw怎么新建站点?有哪些方法?
- dw首选项参数怎么设置?设置的方法是什么?
- 淘宝等级怎么划分的?淘宝等级怎么计分?
- 淘宝访客记录怎么删除?手机淘宝怎么删除访客记录?
- 淘宝卖家中心在哪里?手机怎样进入卖家中心?
- 淘宝联盟违规会怎么样?会受到什么惩罚?
- 淘宝滥发信息怎么申诉?整改路径是什么?
- 淘宝试用中心是什么?有哪些业务?
- 抖音卖货没有淘宝店怎么做?有哪些方法可以卖货?
- 快手小店店铺动态评分怎么计算?怎么提高?