Question

我对Java Script上的编码很脆弱。我有一些代码，使元素可见。所以效果很好！但！当你移动一点点你的鼠标它不可见0.5秒 - 1秒。据我所知，我需要通过焦点动作来实现功能？当鼠标在焦点上时，该元素必须始终可见，悬停。＆LT;＆LT;＆LT;我需要做什么。

jQuery(document).ready(function($){


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


    $( ".fdw-background" ).hover(function(){
      $( ".fdw-background" ).focus(
        function () {
            $(this).animate({opacity:'1'});
        }
    })
    );


});

Answer 1

不需要焦点事件。只需给元素初始不透明度为0：

<强> CSS

.fdw-background {opacity: 0;}

并在触发新动画之前停止运行动画以防止闪烁：

<强> JS

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

DEMO here。 --------- jQuery.fn.stop() here

Javascript在悬停时，在焦点操作上

1 个答案: