的JQuery「浮動」標籤一樣GetSatisfaction

Question

我想創建一個標籤/窗口小部件/ thingymajiggy就像在這張照片的反饋件事：

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

表現得像this。我只需要點擊重定向，我不需要所有其他的東西。

我一直無法找到一個JQuery插件，這是否 - 但也許我只是不知道正確的術語。

...是的，我只能掠奪getsatisfaction，但我寧願有一個很好的經過測試的JQuery插件。

Answer 1

你不需要這個Javascript。這是通過給元素的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; 
} 

不幸的是，IE6不支持fixed。你可以通過使用this plugin來解決這個問題。

如果你不關心IE6，那麼你可以使用上面的。唯一的區別是，IE6將它視爲一個絕對元素（所以它不會向下滾動頁面，這不是什麼大問題）

Here is an example of it at work。正如你所看到的整個區域是可點擊的。

Answer 2

這裏有一個很好的參考：http://www.building58.com/examples/tabSlideOut.html