UC知道css中如何定义鼠标经过改变图片
来源：百度知道 编辑：UC知道 时间：2024/05/31 20:00:11
我要做个菜单，效果为默认1.png，鼠标经过改为2.png，鼠标离开改为1.png，鼠标按下改为3.png，鼠标谈起改为1.png。
下面是我做的代码，现在想用CSS定义，请问谁知道有什么方法？
有满意答案了50分。
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#"><img border="0" width="85" height="45" src="image/1-0.png"/ onMouseOver="this.src='image/1-1.png';" onMouseOut="this.src='image/1-0.png';" onmousedown="this.src='image/1-2.png'" onmouseup="this.src='image/1-1.png'"></a></td>
<td width="30"></td>
<td><a href="#"><img border="0" width="120" height="45" src="image/2-0.png"/ onMouseOver="this.src='image/2-1.png';" onMouseOut="this.src='image/2-0.png';
下面是我做的代码，现在想用CSS定义，请问谁知道有什么方法？
有满意答案了50分。
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#"><img border="0" width="85" height="45" src="image/1-0.png"/ onMouseOver="this.src='image/1-1.png';" onMouseOut="this.src='image/1-0.png';" onmousedown="this.src='image/1-2.png'" onmouseup="this.src='image/1-1.png'"></a></td>
<td width="30"></td>
<td><a href="#"><img border="0" width="120" height="45" src="image/2-0.png"/ onMouseOver="this.src='image/2-1.png';" onMouseOut="this.src='image/2-0.png';
具体效果的写法我写在我的空间里了，点击查看
http://hi.baidu.com/lutingge/blog/item/26d42509b1d7af38e8248891.html
怎么更改我都写的很清楚
把每个图片定义一个CSS类，然后设第一个图为背景，另一个的图片的代码为
BACKGROUND: url(xxx.png) no-repeat
a 有四种状态，可以改变文字，为什么不能改图片呢？ 试试吧。