将鼠标悬停在图像上时更改图像

时间:2017-12-25 13:56:38

标签: html css

所以基本上,我想要它,所以当你将鼠标悬停在图像上时,它会变为另一张图片。

这是我的代码。

ENV myvariable myvalue

2 个答案:

答案 0 :(得分:0)

悬停图像的大小可能不同,因此您必须设置图像的高度和宽度。


    b=np.array([[0],[0],[2],[2],[4],[1],[6],[7],[5],[9]])
    a=np.random.randint(10,size=(10,10))
    for i in range(10):
        c=np.zeros((1,10))
        c[0][i]=1
        a[np.where(b==i)[0]] = c
    print a

或者您可以使用内联Javascript

#arsenal{
  background-image: url(bilder/ArsenalU.jpg);
  width:210px;
  height:210px;
} 

#arsenal:hover {
  background-image: url(bilder/Arsenal.jpg);
  height:210px;
  width:210px;
}

<div id="arsenal"> </div>

答案 1 :(得分:0)

代码是正确的。但是,图片扩展名的文件路径不正确。我建议你使用2个单独的文件,css和html。你写的代码正在运作。