jQuery Tools Scrollable prev / next浏览箭头出现在悬停状态?

时间:2012-02-06 19:42:06

标签: hover show-hide jquery-tools

我正在使用jQuery Tools Scrollable & Navigator plugin。我搜索了他们的论坛但找不到答案(并且不能发布,因为它因“垃圾邮件”而被​​禁用)。

我的问题是,有没有办法让prev / next浏览器箭头只在悬停在Scrollable上时显示?换句话说,如果光标不在Scrollable,箭头就会消失。

Here's my page

1 个答案:

答案 0 :(得分:2)

//Syntax to be used
//$(selector).hover(handlerIn, handlerOut); 

$('.scrollable').hover(function(){
    $('.browse').fadeIn();
}, function(){
    $('.browse').fadeOut();
});

需要CSS:

a.browse.prev, a.browse.next{display:none;}

您可能需要从css文件中的a.browse中删除display:block display:none才能正常工作。

希望它有所帮助!