jQuery UI ToggleClass CSS 悬停

我有一个网站 http://www.presentbladet.se (未完成)。当我将鼠标悬停在“测试产品”时，会出现一个放大镜。到目前为止，一切顺利。

淡入 - 但在 CSS 中保持悬停

我希望过渡平滑并具有淡入淡出效果。我仍然想在 CSS 中保留尽可能多的内容，并在 jQuery/jQuery UI 中进行延迟/淡入淡出。

我在我的网站上使用此代码:

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

延迟部分不起作用

它几乎可以工作。它切换类“悬停”，但延迟部分根本不起作用。过渡是即时的，而不是缓慢淡入。

最佳答案

您必须添加toggleClass part用于 toggleClass 动画的 jQuery UI。现在您的页面只有核心、小部件和选项卡。前往download page并选择效果核心

关于jQuery UI ToggleClass CSS 悬停，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8136222/