JQuery“浮动”选项卡，如 GetSatisfaction答案

【问题标题】：JQuery "floating" tab like GetSatisfactionJQuery“浮动”选项卡，如 GetSatisfaction
【发布时间】：2009-07-06 22:36:23
【问题描述】：

我想创建一个选项卡/小部件/thingyjiggy，就像这张图片中的反馈一样：

其行为类似于this。我只需要在点击时重定向，我不需要所有其他的东西。

我一直找不到可以执行此操作的 JQuery 插件 - 但也许我只是不知道正确的术语。

...是的，我可以得到满足，但我更希望有一个很好的久经考验的 JQuery 插件。

【问题讨论】：

标签： jquery html css jquery-plugins

【解决方案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。如您所见，整个区域都是可点击的。

【讨论】：

很好的答案，谢谢。如何使#floating_link 的全部内容可点击？如果可能的话，只需要一个 a-href。我可以用 a-tag 包围 div，但是在锚点内嵌套 div 看起来很脏。
现在整个链接应该是可点击的。你有什么行为？
我完全忽略了您实际上还插入了一个链接，抱歉。它工作完美，再次感谢！ :)
没问题。无论如何，我添加了一个活生生的例子。

【解决方案2】：

这里也是一个很好的参考：http://www.building58.com/examples/tabSlideOut.html

【讨论】：