Как заставить всплывающую подсказку следовать курсору с помощью Coffeescript - PullRequest
Новая
       8

Как заставить всплывающую подсказку следовать курсору с помощью Coffeescript

0 голосов
/ 07 сентября 2018

Helloo ,, Я хочу создать всплывающую подсказку, чтобы следовать за курсором. но это всплывающая подсказка не после курсора. кто-нибудь знает почему?

CSS 

.cover-home
{
  border: 1px solid gray;
  height: 250px;
  width: 169px;
  float: left;
  border-radius: 5px;
  margin: 5px;
  box-shadow: 5px 5px 2.5px grey;
  transition: box-shadow 0.5s;
}

.tooltiptext
{
position: absolute;
visibility: hidden;
background: rgba(0, 0, 0, 0.7);
border: 1px solid black;
color: black;
z-index: 1000;
padding: 10px;
width: 500px;
border-radius: 7px;
color: white;
}

.cover-home:hover .tooltiptext
{
visibility: visible;
}

Coffescript 

tooltip = document.querySelectorAll('.tooltiptext')

fn = (e) ->
i = tooltip.length
while i--
tooltip[i].style.left = e.pageX + 'px'
tooltip[i].style.top = e.pageY + 'px'
return

document.addEventListener 'mousemove', fn, false

Кто-нибудь знает, как буксировать, чтобы это исправить? помогите пожалуйста

...