Question

鼠标经过图片变化图片css代码

谁能给我一段可以修改图片位置，加图片链接，鼠标滑过图片变换图片的css代码

我想做个导航用谢谢，，

Answer 1

不太理解你的图片位置\图片连接\

如果图片位置是指图片显示的位置,那下面的可以帮助你
<a href=""><img src=""/></a>

a {position: relative;}
a img {
position: absolute;
top: 0px;
left: 0px;
}
a:hover img {top: 10px;}

无论图片链接是指a的链接地址还是图片的URL,那用CSS都实现不了.

鼠标滑过图片变换CSS也实现不了,除非你做成背景,那楼上那位兄台的就是正确的了...(用JS吧)

你也可以考虑采用滤镜,让图片在黑白彩色 或 透明度之间变换.原理和这些是一样的.

Answer 2

HTML部分: <a href="#" class="nav">我是菜单</a>
css部分:
a.nav{background:url(初始图片的地址);}
a.nav:hover{background:url(鼠标移上去时显示的图片的地址);

Answer 3

http://bbs.blueidea.com/thread-2935255-1-1.html

http://bbs.blueidea.com/thread-2943867-1-1.html