自己写的Html代码，有一个效果要求是：原来是一张圆形的图片，鼠标移动到上面时，变成另一张图片。详细↓

Question

效果要求：原本是一张圆形的图片1，当鼠标移动到上面时，变换成另一张图片1-1。这两张图形状大小都是一样的。图片带有点击事件，当点击了图片1-1之后图片就固定在了图片2并触发点击事件。此时鼠标再移动到其他带有此效果的图片2上时，图片1-1不变，图片2变成图片2-2并且可以点击。<img id="img1" class="img" onclick="btn1()" src="~/Material/icon/lightw.png">来个大神给写一下代码

Answer 1

直接添加一个img:hover即可，在这里面把图片链接改掉就行了，不用JavaScript都行。