pestaña jQuery "flotante" como GetSatisfaction

Question

Quiero crear una ficha/Widget/thingymajiggy como la retroalimentación cosa en esta imagen:

alt text http://i31.tinypic.com/2m35ic1.png

que se comporta como this. Solo necesito redireccionar al hacer clic, no necesito todas las otras cosas.

No he podido encontrar un complemento de JQuery, eso hace esto, pero tal vez simplemente no sé el término correcto.

... Y sí, podría saquear la satisfacción, pero preferiría tener un buen plugin de JQuery probado.

Answer 1

Realmente no necesita Javascript para esto. Esto se logra dando un elemento de una posición de fixed:

<a id="floating_link" href="whatever.html">Go Somewhere</a> 

#floating_link { 
    position: fixed; 
    right: 0; 
    top: 400px; 
    display: block; 
    width: 50px; 
    height: 125px; 
    text-indent: -10000px; 
    background-image: url(/my/image.jpg); 
    overflow: hidden; 
} 

Por desgracia, no es compatible con IE6 fixed. Puede evitar eso usando this plugin.

Si no te importa IE6, entonces puedes usar lo anterior. La única diferencia es que IE6 lo tratará como un elemento absoluto (por lo que no se desplazará hacia abajo con la página, que no es un gran problema)

Here is an example of it at work. Como puede ver, se puede hacer clic en toda el área.

Answer 2

Aquí es una gran referencia, así: http://www.building58.com/examples/tabSlideOut.html