document.getElementById("mydiv").onmousemove = function(e){
img = document.getElementById("myimg");
img.style.top = e.clientY+"px";
img.style.left = e.clientX+"px";
}
#mydiv {
position: relative;
background-color: #212121;
width: 500px;
height: 500px;
z-index: 5;
cursor: pointer;
}
#myimg {
position: relative;
z-index: 4;
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #e91e63;
}
<div id="mydiv">
<div id="myimg"></div>
</div>
Коллеги, нужно соорудить подобный эффект при ховере на jQuery
или JS
. Нужно чтобы кружочек двигался с курсором в пределах каждого отдельного блока: