Jquery插件懸停/突出顯示功能

我正在尋找一個jQuery插件，它將執行以下用例。Jquery插件懸停/突出顯示功能

我正在建立一個菜單系統，它由固定在頁面底部的60個左右的小矩形組成，這些菜單項我想鏈接到60個塊的內容。當用戶懸停在這些菜單矩形之一上時，我需要以某種方式突出顯示頁面上連接的內容塊。

見下面這個樣機爲我的意思更好的主意：

screenshot

我已經廣泛搜索，可以處理以下插件，我沒有找到官方的jQuery的亮點功能，但發現它表現不佳。

來源

2013-08-16 user2690022

我不認爲我會用一個插件對於這一點，但它實際上取決於你想要做什麼。您是否想要更改懸停時的內容（顯示帶有某些文本或類似內容的容器），或動畫矩形或更改顏色等。你有什麼打算？ – lharby

是的，我很抱歉假設我需要一個插件。當我將鼠標懸停在其中一個矩形上時，我最好喜歡將自定義CSS樣式（箱形陰影，背景色疊加）應用於一個正方形的頂部。所有方塊的效果都是一樣的。 – user2690022

所以道歉的延遲，我在這裏做一個非常基本的小提琴：http://jsfiddle.net/TcuGf/

基本上有很多與類元素隱藏的，其中有CSS屬性顯示：沒有，我做了一個很簡陋懸停功能，該功能可以查找隱藏元素的父元素，然後將隱藏元素向下滑動。

顯然你需要調整它以適應你的需求，但該功能應該適用於所有容器。

這是函數：

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

來源

2013-08-20 07:57:39 lharby

Jquery插件懸停/突出顯示功能

回答

相關問題