初学css，怎样在li标签上实现鼠标滑过显示图片

Posted 2023-04-27

参考技术A li:hoverbackground:url(图片地址);

参考技术B $(function() $('div.nav ul li').on('mouseover',function() $(this).css('background-color','red'); $(this).siblings().css('background-color',''); ); ); 参考技术C hove属性，在里面添加图片样式 参考技术D 给li设置鼠标划过事件就行了

怎样在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里面加个图片