Javascript don'时使按钮消失；t移动鼠标并在移动时显示_Javascript_Html_Css

Javascript don'时使按钮消失；t移动鼠标并在移动时显示

javascript html css

Javascript don'时使按钮消失；t移动鼠标并在移动时显示,javascript,html,css,Javascript,Html,Css,我希望我的按钮只在鼠标移动时出现，否则不会被看到。它是固定定位的。类似于以下内容： var justHidden=false； $（文档）.ready（函数（）{ var j； $（文档）.mousemove（函数（）{ 如果（！justHidden）{ justHidden=false；清除超时（j）； $（'.btn'）.removeClass（'hidden'）； j=设置超时（'hide（）；'，1000）； } }); }); 函数hide（）{ $（'.btn'）.addClas

我希望我的按钮只在鼠标移动时出现，否则不会被看到。它是固定定位的。

类似于以下内容：

var justHidden=false；
$（文档）.ready（函数（）{
var j；
$（文档）.mousemove（函数（）{
如果（！justHidden）{
justHidden=false；
清除超时（j）；
$（'.btn'）.removeClass（'hidden'）；
j=设置超时（'hide（）；'，1000）；
}
});
});
函数hide（）{
$（'.btn'）.addClass（'hidden'）；
}

。隐藏{
显示：无；
}


点击我

Html代码：

<!DOCTYPE html>
<html>      
<body>

    <button id="btn1">Click me</button>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</body>
</html>

 <script>
    $(document).ready(function(){
        $("#btn1").on({
            mouseenter: function(){
                $(this).show();
            },  
            mouseleave: function(){
                $(this).hide();
            }
        });
    });
    </script>


点击我

Js代码：

<!DOCTYPE html>
<html>      
<body>

    <button id="btn1">Click me</button>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</body>
</html>

 <script>
    $(document).ready(function(){
        $("#btn1").on({
            mouseenter: function(){
                $(this).show();
            },  
            mouseleave: function(){
                $(this).hide();
            }
        });
    });
    </script>


$（文档）.ready（函数（）{
美元（“#btn1”）。在({
mouseenter:function（）{
$（this.show（）；
},  
mouseleave:function（）{
$（this.hide（）；
}
});
});

如果要隐藏鼠标移动时的按钮，可以使用以下示例-

1.在HTML文件中编写以下代码：

<button id='hide_button'>Button</button>

鼠标移动时，按钮将隐藏。否则，您应该在鼠标不活动3秒后看到该按钮。

您可以使用此链接检查此示例-

请显示您的代码您是否尝试使用“onmousemove”或“mousemove（）”？是否有办法以缓慢褪色的方式隐藏按钮？@user4381753是的，将CSS更改为：.btn{opacity:1；transition:opacity.3s ease in out；}.hidden{opacity:0；}