
<!DOCTYPE html> |
<html lang="en"> |
<head> |
<meta charset="UTF-8"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
<title>Document</title> |
<style> |
div { |
width: 200px; |
height: 200px; |
position: absolute; |
} |
</style> |
</head> |
<body> |
<script> |
document.documentElement.onmousemove = function (eve) { |
var ev = window.eve || eve |
var div = document.createElement("div") |
console.log(div) |
div.style.left = ev.clientX + "Px" |
div.style.top = ev.clientY + "Px" |
var r = Math.floor(Math.random() * (255 - 0 + 1) + 0) |
var g = Math.floor(Math.random() * (255 - 0 + 1) + 0) |
var b = Math.floor(Math.random() * (255 - 0 + 1) + 0) |
div.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")" |
document.body.appendChild(div) |
} |
</script> |
</body> |



