网页设计鼠标经过图片（网页设计鼠标经过图片变色）
本文目录一览：
用dreamweaver如何做到鼠标滑过图片出现文字介绍
1、dw鼠标经过图片显示文字操作方法如下：启动Dreamweavercs4，点击插入中的图像。选择要插入的图片，按确定按钮。切换到代码模式，在img标签后面加代码title，即可。
2、新建网页，在body里插入。图片要事先准备好，放在相应的目录下。在img里插入title=Autodesk 3dsMax 2012标准培训教材按F12键在IE浏览器里测试效果。
3、添加图片title属性就可以！再设计窗口选中图片，在点代码窗口。
4、打开Dreamweaver，新建html，窗口下方有如图所示的属性面板，把鼠标点到你已经插入的那张图片，就会出现跟如图差不多的属性面板，在用红线画的区域输入你要替换的文本。
5、如果是放图片上，要显示文字信息，你在dreamweaver中选中图片，下面的属性面版中有一个“替换”，在里面输入你想要的文字就行了。
如何做出鼠标经过图片变成两张的效果
第一步，需要打开Dreamweave软件进入，依次单击上方的“插入”--“图像对象”--“鼠标经过图像”，如下图所示。
首先要把需要的图片都事先放在网页上（一般放在一个div里）。然后用css隐藏第一个以外的图片，然后给第一张图片设置一个鼠标移入事件，当鼠标移动到图片上的时候，第一张图片隐藏，第二张图片显示。这样图片就改变了。
首先需要打开Dreamweave软件进入，如图所示，然后点击上面的插入里找到图像对象，随后再点击鼠标经过图像。然后弹出的对话框，需要插入两张小汽车，白色小车是原始图像，橙色小汽车是经过的图像。
加背景图片：background：url（../images/photo.jpg） no-repeat； 图片地址是相对于当前文件的路径，使用绝对路径也可以，比如background：url（ http：// ） no-repeat；但不推荐这样做。
需要用到js脚本的onmouseover和onmouseout等。这是非常简单的。但是如果你不了解js可以使用DreamWeaver中的一项功能：插入--图像对象--鼠标经过图像，在弹出的对话框中，选择好“原始图像”和“鼠标经过图像”就行了。
淘宝鼠标经过变换图片怎么做?
准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。1。准备切换图片素材，一般是两个，如图，放在img文件夹里，和HTML一个级别。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。
用鼠标选中主菜单棒中的“菜单一”三个字，然后按F8打开“行为”（Action）窗口，可见“Behaviors”窗口，点击按钮，选择“Show-Hide Layers”，表示该动作要对层进行显示或隐藏操作。
在发布宝贝里面，填写电脑端后，紧接着下面就会有“生成手机版宝贝详情”的快捷按钮。点击就能直接显示手机端编辑窗口。自动将电脑端的图文都转化成手机端。非常方便。
最好不要用CSS，因为他只能用在a标签上，用在别的标签上，有的可以实现，但是有的浏览器不兼容。
