JQuery "nổi" tab như GetSatisfaction

Question

Tôi muốn tạo ra một tab/widget/thingymajiggy như thông tin phản hồi điều trong ảnh này:

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

Đó hoạt động như this. Tôi chỉ cần chuyển hướng khi nhấp vào, tôi không cần tất cả các nội dung khác.

Tôi không thể tìm thấy plugin JQuery, điều này thực hiện điều này - nhưng có thể tôi không biết thuật ngữ chính xác.

... Và có, tôi chỉ có thể cướp bóc sự không hài lòng, nhưng tôi muốn có một plugin JQuery được thử nghiệm và thử nghiệm tốt đẹp hơn.

Answer 1

Bạn không thực sự cần Javascript cho việc này. Điều này đạt được bằng cách cho một yếu tố vị trí của 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; 
} 

Thật không may, IE6 không hỗ trợ fixed. Bạn có thể giải quyết vấn đề đó bằng cách sử dụng this plugin.

Nếu bạn không quan tâm đến IE6, thì bạn chỉ có thể sử dụng ở trên. Sự khác biệt duy nhất là IE6 sẽ coi nó là một phần tử tuyệt đối (vì vậy nó sẽ không cuộn xuống với trang, mà không phải là một vấn đề lớn)

Here is an example of it at work. Như bạn có thể thấy toàn bộ khu vực có thể nhấp được.

Answer 2

Đây cũng là một tài liệu tham khảo tuyệt vời: http://www.building58.com/examples/tabSlideOut.html