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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样在html中实现当鼠标悬停在不同的按钮上时显示不同的图片,麻烦各位了,谢谢相关的知识,希望对你有一定的参考价值。

多个按钮,多张图片

很多种方法。用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"));

参考技术A 百度搜索javascript轮播器代码 参考技术B 在title里面加个图片

以上是关于怎样在html中实现当鼠标悬停在不同的按钮上时显示不同的图片,麻烦各位了,谢谢的主要内容,如果未能解决你的问题,请参考以下文章

将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不触发

鼠标悬停事件的JS问题以显示额外的按钮

将鼠标悬停在按钮上时如何更改 div 的文本?

鼠标悬停消息显示在图像 jquery/js 的某些部分

HTML/CSS - 将鼠标悬停在照片上时显示链接

当用户将鼠标悬停在 TreeView 控件的特定 TreeNode 控件上时显示不同的光标