com código CSS
Olá Pessoal, td beleza !!
Preciso que os amigos me ajudem no seguinte Código abaixo:
-------------------------------------------------------------------
<style type="text/css">
a span {
width : 150px;
border : 1px dotted rgb(100,100,255);
padding : 10px;
position : absolute;
top : 10px;
left : 50px;
font-weight : 400;
background : rgb(230,230,255);
color : rgb(90,90,90);
display : none;
}
a:hover span {
display: block;
}
</style>
..
<!--[if lt MSIE 7]>
<script type="text/javascript">
function r() {
var t = window.event.srcElement.getElementsByTagName('span')[0];
t.style.display = window.event.type == 'mouseover' ? 'block' : 'none';
}
window.onload = function () {
var links = document.getElementsByTagName('a');
for (var a, i=0; (a = links*); i++) *
if (a.getElementsByTagName('span'))
a.onmouseover = a.onmouseout = r;
}
</script>
<![endif]-->
Daí eu coloco dentro de uma célula, o seguinte:
<a href="link">Link<span>Descrição do Link</span></a>
-----------------------------------------------------------------------------------------
Bom, com isso eu tenho o seguinte: Ao passar o Mouse por cima do "link", aparece um banerzinho com a descrição "Descrição do Link".
O que eu gostaria de faer é: Que não tivesse link, e que ao passar o mouse em cima mostrasse a descrição do mesmo jeito. Entenderam ? Eu gostaria de que fosse um texto normal, sem link.
Se puderem me ajudar eu agradeço. Um abraço.
Discussão (2)
Carregando comentários...