Question

我有http://www.presentbladet.se的网站（未完成）。当我悬停“测试产品”时，会出现一个放大镜。到目前为止，非常好。

淡入 - 但保持悬停在CSS中

我希望过渡变得平滑，效果渐渐消失。我仍然希望在CSS中尽可能多地保留jQuery / jQuery UI中的延迟/淡入淡出。

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

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

延迟部分不起作用

几乎可以。它切换类“悬停”，但延迟部分根本不起作用。转变是即时的，而不是慢慢消退。

Answer 1

您必须为toggleClass动画添加toggleClass part jQuery UI。现在您的页面只有核心，小部件和选项卡。转到download page并选择Effects Core

Answer 2

jQueryUI扩展了核心jQuery.animate函数，允许您为要设置动画的元素指定一个类。

来自文档：“......它被类转换功能大量使用......”

你可能想要放手一搏。这样的事情。

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

Answer 3

这有帮助吗？

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

我想你可能只是将.fadeIn（500）添加到你在mouseOver上调用图像的函数中。调整数字以调整速度或只使用快速或慢速的单词。

Answer 4

/* 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");}
    );

jQuery UI ToggleClass CSS悬停

4 个答案: