• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > DW制作鼠标放在图片上就换另一个图片

DW制作鼠标放在图片上就换另一个图片

作者:hexuemei 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含鼠标,图片等相关知识,hexuemei 希望在学习及工作中可以帮助到您
Dw是我们设计网页的软件,这个软件功能很强大,今天小编就为大家介绍DW制作鼠标放在图片上就换另一个图片方法,不会的朋友可以参考本文哦!

1、打开我们电脑里的dw软件,点击“HTML”,如图所示

2、我们需要新建一个空白的文档,此时已经建立好一个新的文档,然后点击菜单栏里的“插入—图像”

3、随意选择一张图片放进文档里

4、插入好图片之后,我们再次点击“插入——图像对象——鼠标经过图像”,出现如下对话框,原始图像就是我们第一次插入的图像,找到你之前的图像放进去;鼠标经过图像,就是你想要替换后的图像;替换文本相当于一种解释,鼠标放在上面,图片上会显示;前往URL这一行,一定要写全域名,比如我这里填写http://www.jb51.net,点击确定;

5、保存,预览;

这是鼠标放之前效果:

鼠标放之后的效果:

以上就是DW制作鼠标放在图片上就换另一个图片方法介绍,有兴趣的朋友可以参考本文,希望这篇文章能对大家有所帮助!

注:本篇文章系微课江湖依照真实经历原创,转载请注明出处。

您可能想查找下面的文章:

  • dw制作鼠标经过时图像放大鼠标离开图像回原形效果
  • DW制作鼠标放在图片上就换另一个图片
  • DW如何制作鼠标经过时图片放大效果示例教程
  • dw制作鼠标放上去图片就显示鼠标离开图片就消失

相关文章

  • 2017-08-06Dreamweaver中制作细边的表格的技巧
  • 2017-08-06Dreamweaver中设计多彩文字链接的方法
  • 2017-08-06Dreamweaver CC 2017怎么切换界面样式?
  • 2017-08-06Dreamweaver CS5更改代码颜色方法(可自定义)
  • 2017-08-06dreamweaver cs4序列号用几天重新注册的解决方法
  • 2017-08-06用Dreamweaver制作网页表格示例教程
  • 2017-08-06用Dreamweaver制作网页超链接示例教程
  • 2017-08-06Dreamweaver光标的落位总是不准怎么办?
  • 2017-08-06怎么使用Dreamweaver给网站图片添加alt标签?
  • 2017-08-06Dreamweaver怎么进行批量文件搜索指定内容?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • dreamweaver做网页实例教程 嵌入式框架的妙用
    • Dreamweaver图文教程教大家轻松制作超酷的Flash相册
    • DW如何制作鼠标经过时图片放大效果示例教程
    • Dreamweaver工作区布局有哪些工具?
    • dreamweaver教程:怎么制作网页滚动字幕
    • Dreamweaver代码片断提高css开发效率
    • Dreamweaver 禁止自动换行的设置方法
    • Dreamweaver 制作基于WordPress的留言本II
    • Dreamweaver怎么给网页添加下拉的条幅?
    • 小技巧:Dreamweaver的应用源格式

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有