Orbit ZURB jquery在鼠标hover时淡入/淡出导航按钮

我正在使用jQuery图像滑块插件 – Orbit。 我试图在鼠标hover/鼠标移动时显示/隐藏导航按钮。 不知怎的，我设法这样做了： http ： //jsfiddle.net/sherlock85/mZYX9/15/但是当你将鼠标光标移动到导航按钮上时它会闪烁并且不会改变幻灯片。

我将不胜感激任何帮助。

Answer 1

使用以下代码。 您必须为hover添加div.slider-nav ：

 $("#featured, div.slider-nav").hover(function(){ $("div.slider-nav").css({display:'block'}); }, function() { $("div.slider-nav").css({display:'none'}); }); 

.slider-nav层位于#featured图层上。 当鼠标进入.slider-nav时，你将失去焦点#featured ，它得到属性display:none 。 之后，焦点现在再次超过#featured并且属性设置为display:block 。 它看起来像快速闪烁，因为每次移动鼠标时都会重复这一过程。