JQuery scheda "galleggiante" come GetSatisfaction

Question

Voglio creare una scheda/widget di/thingymajiggy come il feedback-cosa in questa immagine:

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

che si comporta come this. Ho solo bisogno di reindirizzare al clic, non ho bisogno di tutte le altre cose.

Non riesco a trovare un plug-in JQuery, questo lo fa, ma forse non conosco il termine corretto.

... E sì, potrei semplicemente saccheggiare l'insoddisfazione, ma preferirei avere un bel plugin JQuery provato e testato.

Answer 1

Non hai davvero bisogno di Javascript per questo. Questo risultato è ottenuto fornendo un elemento di una posizione 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; 
} 

Sfortunatamente, IE6 non supporta fixed. È possibile aggirare questo utilizzando this plugin.

Se non ti interessa di IE6, puoi semplicemente utilizzare quanto sopra. L'unica differenza è che IE6 lo tratterà come un elemento assoluto (quindi non scorrerà verso il basso con la pagina, che non è un grosso problema)

Here is an example of it at work. Come puoi vedere l'intera area è cliccabile.

Answer 2

Qui è un grande riferimento così: http://www.building58.com/examples/tabSlideOut.html