mouseover для отображения данных

Question

Имя менеджера отображается на странице. Я хочу отобразить полное имя менеджера при наведении указателя мыши на значок «глаз». Есть ли JavaScript, который можно использовать для этого? Ниже приведены мои коды. Благодаря

<td><span class="eye"></span><s:property value="managerfullname" /></td> 

Answer 1

Вам не нужно JS использовать атрибут data-* с :after псевдо и :hover

[data-surname]:hover:after{ 
 
    content: " " attr(data-surname); 
 
}

<span data-surname="C. Buljan">Roko</span>

Если вы хотите "всплывающих", чем

[data-surname]{ 
 
    position:relative; 
 
} 
 
[data-surname]:hover:after{ 
 
    position: absolute; 
 
    white-space: nowrap; 
 
    top: 100%; 
 
    left:0; 
 
    background: #eee; 
 
    padding: 4px 8px; 
 
    content: attr(data-surname); 
 
}

<span data-surname="Roko C. Buljan">Roko</span>