Question

鼠标移到图片上面自动换成另一个图片如何实现（请大神给淘宝店能用的代码）？

比如这样





Answer 1

你是想用JS实现呢还是CSS实现？

CSS实现代码：

a:｛background:url(1.jpg);｝
a:hover{background:url(2.jpg)}

最好不要用CSS，因为他只能用在a标签上，用在别的标签上，有的可以实现，但是有的浏览器不兼容。

JS代码：
<script type='text/javascript'>

var oImg = document.getElementById('oImg');

oImg.onmouseover = function (){
this.src='2.jpg';

}
oImg.onmouseout = function (){
this.src='1.jpg';

}
</script>

JQUERY代码：

实现原理和上面一样，只是写法不一样。
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(function (){
$('#oImg').mouseover(function (){
$this.attr('src','1.jpg');

});
$('#oImg').mouseout(function (){
$this.attr('src','2.jpg');
});
});
</script>

Answer 2

http://www.codefans.net/jscss/code/3850.shtml
这个网址你看看，其实就是鼠标移动到图片上时背景图片更换掉了，具体的高度宽度你自己设置

Answer 3

这是图片轮播！！