Question

我需要在鼠标悬停时设置背景图像，但是如果选择了该元素则不需要。

我正在使用jscrollpane： http://jscrollpane.kelvinluck.com/

当用户将鼠标悬停在其上时，我需要滚动条（div.jspDrag）以获得不同的背景图像。但是，当拖动滚动条时，我需要将背景图像更改回原始图像。

悬停伪类是标准的，但我如何识别元素是否被拖动？我应该有一个jquery监听器来查看鼠标按钮是否被按下？

由于

EDIT 我尝试过以下但它没有做任何事情：

$("document").ready(function() {
    $(".node-type-collection-public .jspDrag").mouseenter(function() {
        $(this).css("background-color","red");
    });
});

Answer 1

编辑后编辑 -

$(".node-type-collection-public .jspDrag").bind('mouseover',function() {
    $(this).css("background-color","red");
});

$(".node-type-collection-public .jspDrag").bind('click',function() {
    $(this).css("background-color","blue");
});

鼠标悬停时，它会变为红色。如果单击（并拖动），它将更改回本例中的蓝色。

Answer 2

哎呀，我没有正确查看页面代码就跑了。当您悬停或拖动栏时，Jscrollpane会添加以下css：.jspHover .jspActive。所以我只用CSS就可以做到这一点。

感谢您的代码。我看看我的客户是否对CSS解决方案感到满意。他们可能想要淡入和延迟等，这毕竟意味着在js中进行。

谢谢

jQuery - 在鼠标悬停时更改背景图像，但如果选择了元素则没有？

2 个答案: