Una técnica muy simple para generar Tooltips, utilizando tan solo CSS. Creo que será útil para aquellos que ven complicado el uso de script o deseen algo realmente muy simple para sus Tooltips.
Mas info y Descarga de ejemplo
El codigo Css
CSS:
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
uso - Añadimos a los enlaces la clase “tooltip”
HTML:
Easy <a href="#" class="tooltip">Tooltip<span>Información Extra para Mostar en el Tooltip </span></a>.
2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!