dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程
发布时间:2016-06-03 11:46:53 作者:佚名 我要评论
dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下
交互图像在网页设计中经常遇到,所谓交互图像,是指当鼠标经过图像时,原始图像变成另外一幅图像。下面我给大家介绍下,dreamweaver如何设置交互图像。
1、在dreamweaver中,新建HTML文件
2、将光标移到要插入交互图像的位置,选择“插入——图像对象——鼠标经过图像",如下图所示
3、在图像名称中输入图像的名称,如1
4、单击原始图像右侧浏览按钮,打开所需要的图片,点击确定,如图所示
5、单击鼠标经过图像右侧的浏览按钮,打开所需要的图片,点击确定,并且选中预再鼠标经过图像,如图所示
6、在替换文本中输入文件名,如123,在按下时,前往的url中输入链接地址,此处输入空链接#
7、单击确定按钮,交互图像就完成了,按下F12预览一下吧
注意事项:
两幅图片大小必须相同,否则插入的第2幅图片会自动调整成第1幅大小。
相关推荐:
相关文章
- Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友2016-06-02
dreamweaver cs6怎么新建HTML5格式的页面?
dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下2016-05-23- Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容2016-05-22
- dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参2016-05-16
Dreamweaver设置页面属性后采用HTML格式怎么办?
Dreamweaver设置页面属性后采用HTML格式怎么办?用Dreamweaver设计了网页,设置页面属性以后,本来想用css格式的,现在变成了HTML格式,该怎么办呢?下面我们来看看详细的2016-04-27- dreamweaver中怎么将文字放到图片上?dreamweaver中如果想让背景图片上带一些文字,比较有意境,该怎么做呢?下面我们就来看看dw在图片上写文字的教程,需要的朋友可以参考2016-04-22
Dreamweaver CS6制作一个新闻网页首页的实例教程
Dreamweaver CS6制作网页很方便,为了方便学习我们我们举了一个实际的例子,使用Dreamweaver CS6做了一个简单的网页,非常简单,适合新手学习,需要的朋友可以参考2016-04-20怎么格式化html代码? Dreamweaver格式化html代码的技巧
怎么格式化html代码?Dreamweaver编辑网页的时候,发现代码格式很乱,看起来很费劲,该怎么一键格式化呢?下面我们就来看看Dreamweaver格式化html代码的技巧,需要的朋友可2016-03-31- Dreamweaver怎么进行批量文件搜索指定内容?Dreamweaver中的文件很多,想要查找文件很不容易,该怎么才能快速的进行批量查找文件的?下面我们来看看Dreamweaver文本查找功2016-03-30
Dreamweaver中怎么让html网页中的table边框细线显示?
Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以2016-03-10
最新评论