jQuery UI ToggleClass CSS懸停

我有一個網站http://www.presentbladet.se（未完成）。當我懸停「測試產品」時，出現放大鏡。到現在爲止還挺好。jQuery UI ToggleClass CSS懸停

淡入 - 但要懸停在CSS

我想要的過渡是平滑與效果褪色。我仍然希望儘可能地保留CSS，並在jQuery/jQuery UI中進行延遲/淡入。

我用我的網站上這樣的代碼：

$("li.item a").hover(function() { 
    $(this).toggleClass("hover", 10000); 
     return false; 
    });

延遲部分不工作

它的工作原理差不多。它切換類「懸停」，但延遲部分根本不工作。過渡是即時的，而不是緩慢淡出。

來源

2011-11-15 Jens Törnell

必須爲toggleClass動畫添加jQuery用戶界面的toggleClass part。現在你的頁面只有核心，小部件和標籤。前往download page並選擇Effects Core

來源

2011-11-15 12:35:24 fliptheweb

這有幫助嗎？

jQuery("#divId").fadeIn(500);

你很可能只是添加.fadeIn（500）到您的函數的呼喚鼠標懸停的形象，我想。調整數字以調整速度或者只使用快或慢的詞。

來源

2011-11-15 12:28:59

jQueryUI擴展了核心jQuery.animate函數，允許您指定元素的類來動畫。

從文檔：「......它大量使用類別轉換功能......」

你可能想給一個去。像這樣的東西。

$("li.item a").hover(function() { 
    $(this).animate("hover", 10000); 
    return false; 
});

來源

2011-11-15 12:32:43

/* i Don't know exactly whether this is your requirement , if no please post a more specific code , try this code first */ 
    $("li.item a").hover(
    function() {$(this).addClass("hover");}, 
    function() {$(this).removeClass("hover");} 
    );

來源

2011-11-15 12:34:05

jQuery UI ToggleClass CSS懸停

回答

相關問題