Question

在网页里的图片 如何做到将鼠标放上去后就会变成另一张图片

就好比说拍拍网 或者一些购物网站里店铺上的 【收藏店铺】图标 当把鼠标移到图标上的时候就会变成另一张图片 像商品的正反面效果【鼠标移到图片上去就变成了反面】如果是需要源码 麻烦大神提供一下 或者指导一下怎么才能做出来
之前看了下相关问题也有人问 看到了 这个源码 试了下 好像没用 <img src="images/img1.jpg" onmouseover="this.src='images/img2.jpg'" onmouseout="this.src='images/img1.jpg'" /> 我是直接替换图片地址的 是不是方法错了

Answer 1

需要用Dreamweaver来操作将鼠标放上去一张图片变成另一张图片。

具体的操作方法和步骤如下：

1、第一步，需要打开Dreamweave软件进入，依次单击上方的“插入”-->“图像对象”-->“鼠标经过图像”，如下图所示。

2、其次，完成上述步骤后，弹出对话框，需要插入两辆车，白色车是原始图像，橙色车是经过的图像，如和搏下图所示。派斗

3、接着，完成上述步骤后，可以进行设置了。可以先在网页上预览， 在页面上，有一个类似地球的小浏览器徽尘棚磨标，如下图所示。

4、最后，完成上述步骤后，可以看到单击后将变成另一张图片，因此可以保存设置并完成操作了，如下图所示。这样，问题就解决了。

Answer 2

需要用Dreamweaver来操作将鼠标放上去一张图片变成另一张图片。

1、首先需要打开Dreamweave软件进入，如图所示，然后点击上面的插入里找到图像对象，随后再点击鼠标经过图像谨衡。

2、然后弹出的对话框，需要插入两祥差做张小汽车，白色小车是原始图庆亏像，橙色小汽车是经过的图像。

3、这个时候，就可以设置好了，可以先以在网页中预览一下，在页面上面有个小地球类似浏览器的标识。

4、最后，可以看到点击了之后，就会变成另一张图片了，这样就可以保存设置即可完成操作。

Answer 3

这个有很多种方法，你可以在dreamwaver 8里面直接点 插入 ——图像对象——鼠标经过图像 ，然后就出现了一个对话框， 原始图像就是指一盯胡开始显示的图片，鼠标经过的图像就是指你要的那个效果， 其他的你都可以看得懂。
另外一种比较流行的方法的话就闹物是写液则液一个CSS 。这个讲起来比较麻烦，如果你真的需要的话，我再写一个给你

追问

dreamwaver 8 是什么哦 不能直接在网页编辑的时候 使用源码吗

追答

dreamwaver 8 是一个专门用来设计和制作网站的软件，挺好用的，用她来编辑网页也比较方便。

Answer 4

源码没错啊，看看路径对不对，再不行贴个图什么的

追问

图片的路径吗？是替换掉这个吗 images/img1.jpg

追答

就是看看images下是否有img2.jpg 或 img1.jpg
路径：

|-网页文件夹（文件夹）
|--images（文件夹）
|---img1.jpg
|---img2.jpg
|--index.html(里面写你的代码)
index.html和images文件夹放在同一个位置

追问

源码的什么是图片的路径啊 要将什么位置替换掉哦

追答

直接上面的就行，你用的是相对路径，在index.html中输入<img src="images/img1.jpg" onmouseover="this.src='images/img2.jpg'" onmouseout="this.src='images/img1.jpg'" />的就可以