jquery - 用于悬停/突出显示功能的 Jquery 插件

Question

我正在寻找一个将执行以下用例的 jQuery 插件。

我正在构建一个菜单系统，它由固定在页面底部的 60 个左右的小矩形组成，这些菜单项我想链接到 60 个内容块。当用户将鼠标悬停在这些菜单矩形之一上时，我需要以某种方式突出显示页面上连接的内容块。

请参阅下面的此模型，以更好地了解我的意思：

我已经广泛搜索了一个可以处理以下内容的插件，我确实找到了官方的 jQuery 高亮功能，但发现它的性能很差。

Answer 1

所以为延迟道歉，我在这里做了一个非常基本的小提琴：http: //jsfiddle.net/TcuGf/

基本上有很多带有隐藏类的元素，它们具有 css 属性 display:none，我做了一个非常粗略的悬停函数，它找到隐藏元素的父元素，它被翻转，然后向下滑动隐藏元素。

显然，您需要对其进行调整以满足您的需求，但该功能应该适用于所有容器。

这是功能：

$('.rect').hover(
   function(){
     $(this).find('.hidden').slideDown('slow');
   },
   function () {
     $(this).find('.hidden').slideUp('fast');
   }
);