电脑鼠标经过时图片变化怎么制作

发布时间:2017-06-06 14:15

为使鼠标达到更好的使用效果,在浏览网页的时候我们鼠标一点击图片就会变成另一个样子,下面是小编为大家介绍电脑鼠标经过时图片变化的制作方法,欢迎大家阅读。

电脑鼠标经过时图片变化的制作方法

在Dreamweaver里新建一个网页文件,选择顶部工具栏中,常用中的表格,如下图

电脑鼠标经过时图片变化怎么制作

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

电脑鼠标经过时图片变化怎么制作

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

电脑鼠标经过时图片变化怎么制作

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

电脑鼠标经过时图片变化怎么制作

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

电脑鼠标经过时图片变化怎么制作

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

电脑鼠标经过时图片变化怎么制作

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