电脑鼠标经过时图片变化怎么制作
发布时间:2017-06-06 14:15
为使鼠标达到更好的使用效果,在浏览网页的时候我们鼠标一点击图片就会变成另一个样子,下面是小编为大家介绍电脑鼠标经过时图片变化的制作方法,欢迎大家阅读。
电脑鼠标经过时图片变化的制作方法
在Dreamweaver里新建一个网页文件,选择顶部工具栏中,常用中的表格,如下图

新建一个一行三列,宽度为300像素的表格,如下图

点击表格中的一个单元格,选择:插入——图像对象——鼠标经过图像,如下图

分别插入原始图像,也就是网页上最开始显示的图片,然后插入鼠标经过的图像,这些图片需要提前制作出来。替换文本出写文字描述,最后添加点击之后前往的url网址

三个表格分别插入了图片,效果如下图,按f12在浏览器中预览

6当鼠标经过时,就会有效果出来了。很简单吧,快动手制作吧。

电脑鼠标经过时图片变化怎么制作的评论条评论