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