怎样在html中实现当鼠标悬停在不同的按钮上时显示不同的图片，麻烦各位了，谢谢

html-css017

怎样在html中实现当鼠标悬停在不同的按钮上时显示不同的图片，麻烦各位了，谢谢,第1张

很多种方法。用CSS可以实现，用JS也可以实现。主要看你是想实现个什么东西。如果是替换背景图片的话，用CSS的话，那就 修改:hover里的背景图片。so easy！简单的很。

CSS

a { background-image:url(1.jpg)}

a:hover { background-image:url(2.jpg)}

JS

$(".Demo").mouseover($(this).css("background-image","1.jpg"))

$(".Demo").mouseout($(this).css("background-image","2.jpg"))

$("button").mouseover(function(){

var site = Math.random()*(1000-100)+100

$(this).css({

"top":site+"px",

"left":site+"px"

})

})

大概是这样，可以自己琢磨一下