mira esto:
http://craigsworks.com/projects/simpletip/
es muy simple de usar.
Solo asocias, click de JQuery a la funcion simpletip.
podrias incluso usar un div oculto, con posición absoluta y mostrarlo.
o incluso con el ejemplo de css3, que pusiste, en vez de a span:hover
solo le pones nombre y con Jquery (que es muy simple le añades la clase con un click)
todo es cosa de buscarle.