Javascript 悬停、聚焦动作上的Java脚本

Javascript 悬停、聚焦动作上的Java脚本,javascript,jquery,hover,focus,Javascript,Jquery,Hover,Focus,我对Java脚本的编码能力很弱。我有一些代码,使元素可见。所以它工作得很好!但是当你移动鼠标时,它会在0.5秒到1秒的时间内不可见。据我所知,我需要使功能与重点行动? 当鼠标悬停在焦点上时,元素必须始终可见 没有必要举办焦点活动。只需将元素的初始不透明度设置为0: CSS .fdw-background {opacity: 0;} $('.fdw-background').hover( function () { $(this).stop(true).animate({

我对Java脚本的编码能力很弱。我有一些代码,使元素可见。所以它工作得很好!但是当你移动鼠标时,它会在0.5秒到1秒的时间内不可见。据我所知,我需要使功能与重点行动?
当鼠标悬停在焦点上时,元素必须始终可见 没有必要举办焦点活动。只需将元素的初始不透明度设置为0:

CSS

.fdw-background {opacity: 0;}
$('.fdw-background').hover(
    function () {
        $(this).stop(true).animate({opacity:'1'});
    },
    function () {
        $(this).stop(true).animate({opacity:'0'});
    }
);
并在触发新动画之前停止运行动画,以防止像这样闪烁:

JS

.fdw-background {opacity: 0;}
$('.fdw-background').hover(
    function () {
        $(this).stop(true).animate({opacity:'1'});
    },
    function () {
        $(this).stop(true).animate({opacity:'0'});
    }
);

.-----------

最后一行代码(
})
)应该是
,然后是(
)应为
}),我想这是你想要的吗?创建JSFIDLEfast@jQueryAngryBird好了: