JQuery zakładka "pływające" jak GetSatisfaction

Question

Chcę utworzyć kartę/widget/thingymajiggy jak zwrotne rzeczą w tej kategorii:

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

która zachowuje się jak this. Po prostu muszę przekierować na kliknięcie, nie potrzebuję wszystkich innych rzeczy.

Nie mogę znaleźć wtyczki JQuery, która to robi - ale może po prostu nie znam poprawnego terminu.

... I tak, mógłbym po prostu zbijać niezadowolenie, ale wolałbym mieć wypróbowaną i wypróbowaną wtyczkę JQuery.

Answer 1

Do tego nie potrzeba JavaScript. Osiąga się to poprzez nadanie element pozycję 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; 
} 

Niestety, IE6 nie obsługuje fixed. Możesz obejść to, używając this plugin.

Jeśli nie dbasz o IE6, możesz po prostu użyć powyższych. Jedyna różnica polega na tym, że IE6 potraktuje go jako bezwzględny element (więc nie będzie przewijany stroną, co nie jest dużym problemem).

Here is an example of it at work. Jak widać cały obszar jest klikalny.

Answer 2

Oto wielki odniesienia, a także: http://www.building58.com/examples/tabSlideOut.html