<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("body").mousemove(function(){
var op=(Math.random()*1);
$("body").fadeTo("."+op,parseFloat(op));
if(op=1){
$('body').css('background','green');
return;
}
if(op=0){
$('body').css('background','red');
return;
}
});
});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("*").mousemove(function(){
var op=(Math.random()*1.0);
$("*").fadeTo("."+op,parseFloat(op));
return;
if(op!=1.0){
$('*').css('color','green');
return;
}
});
});
});
</script>

<body>
<button>HTML DOC Fade To Random Opacity Endless Loop Effect SRC</button><br><br>
<div id="div1" style="width:80px;height:80px;background-color:red;"></div><br>
</html>
</body>