JQuery "flottant" onglet comme GetSatisfaction

Question

Je veux créer un onglet/widget/thingymajiggy comme la rétroaction chose dans cette image:

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

qui se comporte comme this. J'ai juste besoin de rediriger le clic, je n'ai pas besoin de tous les autres trucs.

J'ai été incapable de trouver un plugin JQuery, cela fonctionne - mais peut-être que je ne connais pas le bon terme. ... Et oui, je pourrais juste piller l'insatisfaction, mais je préférerais avoir un plugin JQuery bien essayé et testé.

Answer 1

Vous n'avez pas vraiment besoin de Javascript pour ça. Ceci est réalisé en donnant un élément d'une position 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; 
} 

Malheureusement, IE6 ne supporte pas fixed. Vous pouvez contourner cela en utilisant this plugin.

Si vous ne vous souciez pas de IE6, alors vous pouvez simplement utiliser ce qui précède. La seule différence est que IE6 le traitera comme un élément absolu (donc il ne défilera pas avec la page, ce qui n'est pas une grosse affaire)

Here is an example of it at work. Comme vous pouvez le voir, la zone entière est cliquable.

Answer 2

est ici une grande référence ainsi: http://www.building58.com/examples/tabSlideOut.html