2

我在http://www.presentbladet.se有一个网站（未完成）。当我将鼠标悬停在“测试产品”上时，会出现一个放大镜。到现在为止还挺好。

淡入 - 但在 CSS 中保持悬停

我希望过渡平滑并具有淡入效果。我仍然希望尽可能多地保留在 CSS 中，并在 jQuery / jQuery UI 中制作延迟/淡入淡出。

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

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

延迟部分不起作用

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

4

4 回答 4

4

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

于 2011-11-15T12:35:24.727 回答
1

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

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

你可能想试一试。像这样的东西。

$("li.item a").hover(function() {
    $(this).animate("hover", 10000);
    return false;
});
于 2011-11-15T12:32:43.370 回答
0

这有帮助吗？

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

我认为，您可能只需将 .fadeIn(500) 添加到调用 mouseOver 上的图像的函数中。调整数字来调整速度或只使用快或慢的词。

于 2011-11-15T12:28:59.553 回答
0 
/* 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-15T12:34:05.150 回答