鼠标移动时的不透明度

Question

我想在鼠标移动时更改div的不透明度（如0.5） 当鼠标移动时，不透明度变为1 那可能吗 ？ 谢谢＆＃39; S。 伊夫

Answer 1

如果要在窗口上放置鼠标时将其应用于元素，请尝试此操作。

HTML

<div id="myDiv" style='width:100px;height:100px;background:rgb(255,0,0);'></div>

JS：

$(window).on("mousemove",function(e){
    $("#myDiv").css({opacity:0.5});
    clearTimeout(window.myTimeout);
    window.myTimeout=setTimeout(function(){
        $("#myDiv").css({opacity:1});
    },100);    
});

基本上，每次移动鼠标时，都会创建超时，但在下一次移动中，您将取消它。当您停止移动鼠标时，最终将执行超时并更改元素的不透明度。