jquery在mouseover上淡出

时间:2012-01-25 15:46:52

标签: javascript jquery function

我试图让“slider。$ controls”淡出到不透明度.1在超时工作完美,我似乎无法让它在鼠标悬停时返回到opacity 1.0。

$(function () {
    var fadeTime = 1750,
        fadeDelay = 4000,
        // hide after 3 second delay
        timer, hideControls = function (slider) {
            clearTimeout(timer);
            setTimeout(function () {
                slider.$controls.fadeTo(fadeTime, 0.1);
                slider.$controls.mouseOver.fadeTo(fadeTime, 1.0);
                $('.tooltip').fadeOut(fadeTime);
            }, fadeDelay);
        };
});

2 个答案:

答案 0 :(得分:1)

尝试:

slider.$controls.hover(function () {

    // mouseenter
    $(this).fadeTo(fadeTime, 1.0);
}, function () {

    // mouseleave
    $(this).fadeTo(fadeTime, 0.1);
});

http://api.jquery.com/hover/

答案 1 :(得分:1)

.mouseOver.fadeTo是不可能的,请使用事件:

slider.$controls.mouseover(function() {
  $(this).fadeTo(fadeTime, 1);
});

或者是滑块。$ controls.mouseOver a propertie?