jQuery - 在鼠标悬停时更改背景图像，但不选择元素？

我需要在鼠标悬停上设置一个背景图像，但是如果选择元素则不需要。jQuery - 在鼠标悬停时更改背景图像，但不选择元素？

进出口使用JScrollPane的： http://jscrollpane.kelvinluck.com/

我需要，我需要滚动条（div.jspDrag）有不同的背景图像，当用户在其上悬停他们的鼠标。但是，当拖动滚动条时，我需要将背景图像更改回原来的样子。

hover伪类是标准的，但是如何识别元素是否被拖动？我应该有一个jQuery的听众，看看鼠标按钮是否被按下？

感谢

编辑伊夫尝试以下，但它什么都不做：

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

来源

2011-03-22 Evans

对此一看：http://api.jquery.com/category/events/ jQuery的知道了很多的事件，这样你就可以很容易分辨，如果用户徘徊在滚动条或点击在上面。 – 2011-03-22 10:16:15

我更新了问题与代码ive试过但没有任何反应。他们的语法错误是否存在？谢谢 – Evans 2011-03-22 10:40:40

在您编辑后-edited -

$(".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"); 
});

当你将鼠标放置，它会变成红色。如果您点击（并拖动），它将变回蓝色。

来源

2011-03-22 10:43:20 rsplak

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

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

感谢

来源

2011-03-22 11:02:12 Evans

jQuery - 在鼠标悬停时更改背景图像，但不选择元素？

回答

相关问题